如何從此json數據制作兩個數組？

Question

我的數據是animalCount: {Tiger: 3, Leopard: 6, Rat: 1}

所以我需要第一個數組

name :['Tiger', 'Leopard', 'Rat']

第二陣列

count: [3, 6, 1]

是否有可能獲得相同的？

Answer 1

當然，只需使用：

 const names = Object.keys(animalCount);
 const values = Object.values(animalCount);

Answer 2

正如其他人提到的，您可以使用：

var name = Object.keys(animalCount);
var count = Object.values(animalCount);

如果由於某種原因您需要在創建這些數組時操縱或更改它們，則還可以for i in animalCount循環中使用for i in animalCount ，如下所示：

var animalCount = {Tiger: 3, Leopard: 6, Rat: 1};
        var array1 = [];
        var array2 = [];
        for(i in animalCount){
            if(animalCount.hasOwnProperty(i)){
                array1.push(i);
                array2.push(animalCount[i]);
            }
        }
        console.log(array1);
        console.log(array2);

Answer 3

怎么樣

var name = [];
var count = [];
for(var prop in animalCount){
    name.push(prop);
    count.push(animalCount[prop]);
}

這樣我們可以確保訂單被保留。

Answer 4

JS原生支持此功能。

var name = Object.keys(animalCount);
var count = Object.values(animalCount);

請參閱： https ： //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys了解Object.keys和https://developer.mozilla.org/en-US/docs/ Web / JavaScript /參考/ Global_Objects /對象 Object.values 值

Answer 5

您可以執行一個循環並通過迭代鍵/值數組來推送項目來減少對象的條目。

 var animalCount = { Tiger: 3, Leopard: 6, Rat: 1 }, names = [], count = [], result = Object .entries(animalCount) .reduce((r, a) => (a.forEach((v, i) => r[i].push(v)), r), [names, count]); console.log(names); console.log(count); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }