从获取数据中拆分数组数据

Question

我从 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}

请帮帮我。

Answer 1

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);

Answer 2

拆分函数和长度不起作用的原因是因为给定的数据是一个对象而不是 array.split 函数仅适用于 arrays.The 以上答案似乎是正确的代码。

Answer 3

首先，这不是一个数组，它是一个对象。

您可以使用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);

从获取数据中拆分数组数据

Split array data from fetch data

javascript

arrays

json

vue.js

axios