总结几个对象转数组的方法是_js将对象转为数组

全栈程序员站长

发布于 2022-10-01 16:48:32

3.6K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

目标效果：

obj = { 0: 'a', 1: 'b', 2: 'c' }
=> 
ayy=['a','b','c']

1、Array.from(object)

注： 1️⃣ object中必须有length属性，返回的数组长度取决于length长度 2️⃣ key 值必须是数值

2、Object.values(object)

注：与第一种不同的是不需要length属性，返回一个对象所有可枚举属性值

返回数组的成员顺序：
const obj = { 100: 'a', 2: 'b', 7: 'c' };  
Object.values(obj)  
// ["b", "c", "a"]

3、Object.keys(object)

注：返回一个对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致

4、Object.entries(object)

注：返回一个给定对象自身可枚举属性的键值对数组

const obj = { foo: 'bar', baz: 42 }; 
console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ]

5、使用 for…in…构建函数

function getObjectKeys(object) { 
   
  let keys = []
  for(let property in object)
    keys.push(property)
    return keys
}
function getObjectValues(object) { 
   
  let values = []
  for(let property in object)
    values.push(object[property])
    return values
}

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/194555.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年9月12日，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法