在前端開發(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í)際需求選擇使用哪一種。
下一篇jsrun vue