第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

將 json 對象解析為數(shù)組

將 json 對象解析為數(shù)組

郎朗坤 2022-09-23 10:05:46
我被困在這個，我不知道該怎么做。所以基本上我從API得到了這個json數(shù)據(jù)：這是我在記錄數(shù)據(jù)時在控制臺中得到的：我想做的是解析這個對象，以獲取id，標(biāo)題，網(wǎng)址，縮略圖Url并將它們存儲到一個新的數(shù)組中獲取數(shù)據(jù)的代碼：const [photo,setPhoto] = useState([])    const newPhotosLocally = photo    useEffect(() => {        axios.get("https://jsonplaceholder.typicode.com/photos").then(            result => {                setPhoto(result.data)            }        )    },[])希望你能幫助我，謝謝你
查看完整描述

4 回答

?
汪汪一只貓

TA貢獻(xiàn)1898條經(jīng)驗 獲得超8個贊

您可以映射響應(yīng)返回的每個項目，如下所示：


const [photo,setPhoto] = useState([])

const newPhotosLocally = photo


useEffect(() => {

    axios.get("https://jsonplaceholder.typicode.com/photos").then(

        result => {

            var dataArray = result.data.map(({id, title, url, thumbnailUrl}) => ({id, title, url, thumbnailUrl}));

            //do something with the array

        }

    )


},[])

此數(shù)據(jù)數(shù)組將包含 API 返回的所有項目


查看完整回答
反對 回復(fù) 2022-09-23
?
守著一只汪

TA貢獻(xiàn)1872條經(jīng)驗 獲得超4個贊

您已經(jīng)擁有所需的所有數(shù)據(jù)。如果您只需要某些特定字段，請使用地圖運算符。

const newData = result.data.map(obj => {id,title,url,thumbnailUrl});

這將為您提供新數(shù)組中的必填字段（映射負(fù)責(zé)新數(shù)組）。


查看完整回答
反對 回復(fù) 2022-09-23
?
慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗 獲得超5個贊

您可以直接在返回公理中分配給數(shù)組批處理。

這是完整的代碼。


const [photo,setPhoto] = useState([])

useEffect(() => {

  axios.get("https://jsonplaceholder.typicode.com/photos").then(

      result => {

        // Add bellow here code

        let newData = result.data.map(({id, title, url, thumbnailUrl}) => ({id, title, url, thumbnailUrl}));

        setPhoto(newData);

      }

  )

},[])


查看完整回答
反對 回復(fù) 2022-09-23
?
浮云間

TA貢獻(xiàn)1829條經(jīng)驗 獲得超4個贊

下面是新數(shù)組。newData

var newData = [...result.data];

如果你只想拿幾個屬性。下面將為您提供僅具有上述屬性的新數(shù)組。

var newData = result.data.map(({id, title, url, thumbnailUrl}) => ({id, title, url, thumbnailUrl}));

由于從API獲取了如此多的記錄，還要考慮是否要進(jìn)行多次調(diào)用并僅獲取所需的記錄。還要考慮是否真的要修剪屬性的數(shù)量，因為有效負(fù)載稍微大一些。


查看完整回答
反對 回復(fù) 2022-09-23
  • 4 回答
  • 0 關(guān)注
  • 144 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號