我從 api 獲取這些資料
array : { "Blue": 8646, "Red": 3451, "Green": 2342}
然后我想把它分成兩個陣列
arrayColor : ["Blue", "Red", "Green"]
arrayNumber : [8646, 3451, 2342]
我嘗試使用拆分功能，但它不起作用，當我檢查 array.length 時，控制臺說它未定義。
當我console.log(array)
它像這樣顯示
Proxy { "Blue": 8646, "Red": 3451, "Green": 2342}
請幫幫我。
uj5u.com熱心網友回復：
首先，這不是一個陣列，它是一個物件。
您可以使用 Object.keys 和 Object.value 來獲取資料
const obj = { Blue: 8646, Red: 3451, Green: 2342 };
const color = Object.keys(obj);
const value = Object.values(obj);
console.log("color :", color);
console.log("value :", value);uj5u.com熱心網友回復：
JSON 物件包含一個鍵和一個值對。顏色是關鍵，數字是價值。{“核心價值”}
要解決您的問題，您可以執行以下操作：
let array = {"Blue": 8646, "Red": 3451, "Green": 2342};
let colors = [];
let numbers = [];
for(let key in array) {
console.log(key);
colors.push(key);
numbers.push(array[key]);
}
console.log(colors);
console.log(numbers);
uj5u.com熱心網友回復：
split 函式和長度不起作用的原因是因為給定的資料是一個物件而不是陣列。split 函式僅適用于陣列。上面的答案似乎是正確的代碼。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/465328.html
標籤：javascript 数组 json Vue.js axios