JS对象转数组-Toy模板网

这篇具有很好参考价值的文章主要介绍了JS对象转数组。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、JS对象转数组方法如下(不考虑for相关遍历):

1.[...res]

2.Array.from(res)

3.Object.values(res)

4. Array.prototype.slice.call(res)

let obj = {name:'李四', age:22, gender:'男'} //可枚举 
let obj2 = {'0':'李四', '1':22, '2':'男', length:3} //可枚举 伪数组
let set = new Set([1,'2',true])// 可迭代
let map = new Map([[1, {name:'李四', age:22}], [2, [1,2,3]]]) // 可迭代
let arguments = function(){return arguments} //可枚举 可迭代 伪数组

二、具体使用

1.[...res]

/* 
    适用于可迭代对象
    扩展运算符内部调用的是数据结构的 Iterator 接口，因此只要具有 Iterator 接口的对象，都可以使用扩展运算符
*/
console.log([...set]) // 可迭代
console.log([...map]) // 可迭代
console.log([...arguments(1,2,3)]) // 可迭代
console.log([...obj]) // 不可迭代

js对象转数组,javascript,前端,jquery

文章来源地址https://www.toymoban.com/news/detail-676328.html

2. Array.from(res)

 /* 
     适用于伪数组或可迭代对象
     何为伪数组?如果一个对象的所有键名都是正整数或零，并且有length属性，那么这个对象就是伪数组
 */
console.log(Array.from(obj)) 
console.log(Array.from(obj2)) // 伪数组
console.log(Array.from(set)) // 可迭代
console.log(Array.from(map)) // 可迭代
console.log(Array.from(arguments(1,2,3))) // 伪数组和可迭代

js对象转数组,javascript,前端,jquery

3. Object.values(res)

/* 
    适用于可枚举对象
    Object.values() 方法用于返回一个给定对象自身的所有可枚举属性值的数组
*/
console.log(Object.values(obj)) // 可枚举
console.log(Object.values(set)) 
console.log(Object.values(map))
console.log(Object.values(arguments(1,2,3))) //可枚举

js对象转数组,javascript,前端,jquery

4. Array.prototype.slice.call(res)

/* 
    适用于伪数组
    Array.prototype.slice.call(obj)
    可以理解成是让obj转换成一个数组对象，让obj具有slice()方法
*/
console.log(Array.prototype.slice.call(obj))
console.log(Array.prototype.slice.call(obj2)) // 伪数组
console.log(Array.prototype.slice.call(set))
console.log(Array.prototype.slice.call(map))
console.log(Array.prototype.slice.call(arguments(1,2,3))) // 伪数组

js对象转数组,javascript,前端,jquery