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

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

在我的 React JS 示例中,Array.from(object) 不會將對象轉(zhuǎn)換為數(shù)組

在我的 React JS 示例中,Array.from(object) 不會將對象轉(zhuǎn)換為數(shù)組

DIEA 2023-04-01 16:29:15
我試圖接受一個對象并將其轉(zhuǎn)換為數(shù)組,以便我可以使用 map 函數(shù)在我的 React 應(yīng)用程序中呈現(xiàn)它。我發(fā)現(xiàn)有兩種方法可以將對象轉(zhuǎn)換為數(shù)組,一種是使用Array.from(object),另一種是Object.values(object). 當我使用第二種方法時,我的 React 應(yīng)用程序運行良好。但是如果我使用第一種方法,我得到一個空數(shù)組,但是當我控制臺記錄數(shù)組的長度時,它顯示數(shù)組的實際長度,在我的例子中是 3。此外,undefined在我的例子中,值存儲在數(shù)組中。請找到以下代碼段。const Example = () => {let object = {  productName : "Desktop",  quantity: 2,  price: 4000,  length:3};let arr = Array.from(object);console.log(arr.length);console.log(arr);  return (           <div>              <ul>                                  {arr.map((item,k) => <li key={k}>{item}</li>)}              </ul>           </div>         );};ReactDOM.render(    <Example />,document.getElementById("react"));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script><div id="react"></div>
查看完整描述

1 回答

?
德瑪西亞99

TA貢獻1770條經(jīng)驗 獲得超3個贊

Array.from期望一個值具有l(wèi)ength每個元素的屬性和編號屬性。像這樣:


var arrayLike = {

    0: "hello",

    1: "hello again",

    2: "goodbye",

    length: 3,

};

(旁注:Array.from也適用于可迭代對象,但那是另外一回事了)


你的對象不是那樣的。您擁有該length屬性,因此它為您提供了一個長度為 3 的數(shù)組,但您沒有0、1或2屬性。


如果您實際上不需要對屬性名稱(產(chǎn)品名稱、數(shù)量、價格)做任何事情,那么我認為您最好使用 ,Object.values但請記住,還有它Object.entries允許您使用屬性名稱和它們成對的值:


{Object.entries(object).map(

    ([key, value]) => <li key={key}>{key} - {value}</li>

)}


查看完整回答
反對 回復 2023-04-01
  • 1 回答
  • 0 關(guān)注
  • 268 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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