我有以下型別的 json 檔案:
{
"trees":{
"name":"a",
"age":"9",
"height":"10",
"location":"park"
},
"cars":{
"name":"b",
"age":"3",
"height":"0.0",
"location":"park"
},
"bikes":{
"name":"c",
"age":"110",
"height":"0.0",
"location":"park"
}
}
我的反應應用程式中發生的事情是,我將這個 json 從 app.js 發送到子組件(1),然后從那里將單個值發送到另一個組件(2),以便連續表示。現在我有一個問題,我想發送組件(2)中的資料,僅當 height!=0.0 時我無法做到。
這是我的組件(1):
{Object.entries(props.data).map(
([key, {
// name, age, height, location
...e
}]) => {
return (<tr> <Single key={key} {...e} /> </tr>)
}
)}
我想過濾它,以便沒有資料提供給具有高度 == 0.0 的單個組件
uj5u.com熱心網友回復:
您可以先使用 using 獲取鍵值對,Object.entries然后過濾掉您不想使用的值filter。簡單的
const result = Object.entries(obj)
.filter((o) => o[1].height !== "0.0")
.map([k, v] => (<tr> <Single key={key} {...e} /> </tr>))
const obj = {
trees: {
name: "a",
age: "9",
height: "10",
location: "park",
},
cars: {
name: "b",
age: "3",
height: "0.0",
location: "park",
},
bikes: {
name: "c",
age: "110",
height: "0.0",
location: "park",
},
};
const result = Object.entries(obj).filter((o) => o[1].height !== "0.0");
console.log(result);
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/384941.html
標籤:javascript 反应 json
上一篇:如何更新nodejs中物件資料陣列中的日期和時間格式
下一篇:當我嘗試在Firebase上讀取我的資料時,我收到“未捕獲的ReferenceError:firebase未定義”錯誤
