色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

axios里遍歷json數(shù)組

傅智翔2年前9瀏覽0評論

在前端開發(fā)過程中,經(jīng)常需要處理json數(shù)組,而axios是一個強(qiáng)大的http請求庫,也支持處理json數(shù)據(jù)。在使用axios處理json數(shù)組時,我們可以使用forEach、map等方法遍歷,下面就來詳細(xì)介紹一下。

axios.get('/api/data')
.then(res =>{
res.data.forEach(item =>{
console.log(item.name);
});
})
.catch(err =>{
console.log(err);
});

在上面的代碼中,我們使用axios發(fā)送了一個get請求,獲取到了一個json數(shù)組數(shù)據(jù)。然后使用res.data獲取到了這個數(shù)組,接著使用forEach方法遍歷數(shù)組中的每一個元素,打印出了其中的name屬性。

除了使用forEach方法外,我們還可以使用其他遍歷方法,如map、filter等。

axios.get('/api/data')
.then(res =>{
const names = res.data.map(item =>{
return item.name;
});
console.log(names);
})
.catch(err =>{
console.log(err);
});

在上面的代碼中,我們使用了map方法遍歷數(shù)組,將數(shù)組中每個元素的name屬性取出,存入了一個新的數(shù)組中,最后打印出了這個新的數(shù)組。

總之,在使用axios處理json數(shù)組時,我們可以靈活運(yùn)用各種遍歷方法,根據(jù)實(shí)際需求選擇使用哪一種。