美文网首页
2019-04-18将类数组对象转换成数组的方法总结

2019-04-18将类数组对象转换成数组的方法总结

作者: Kason晨 | 来源:发表于2019-04-18 16:14 被阅读0次
  1. Array.prototype.slice.call(类数组对象)
    例1: function foo(a, b) {
    let res = Array.prototype.slice.call(arguments);
    console.log(res);
    }

foo('aaa', 'bbb'); //(2) ["aaa", "bbb"]

例2: let json = {
0: 'aaa',
1: 'bbb',
2: 'ccc',
length: 3
}
let res = Array.prototype.slice.call(json);
console.log(res); //(3) ["aaa", "bbb", "ccc"]

  1. Array.from(类数组对象)
    例1:function foo(a, b) {
    let res = Array.from(arguments);
    console.log(res);
    }
    foo('aaa', 'bbb'); //(2) ["aaa", "bbb"]

例2: let json = {
0: 'aaa',
1: 'bbb',
2: 'ccc',
length: 3
}
let res = Array.from(json);
console.log(res); //(3) ["aaa", "bbb", "ccc"]

  1. 扩展运算符
    例1: function foo(a, b) {
    let res = [...arguments];
    console.log(res);
    }
    foo('aaa', 'bbb'); //(2) ["aaa", "bbb"]

注:扩展运算符不能将json格式的类数组对象转化成数组!!!

   let json = {
        0: 'aaa',
        1: 'bbb',
        2: 'ccc',
        length: 3
    }
    let res = [...json];
    console.log(res);     Uncaught TypeError: json is not iterable at 类数组转数组.html:22

相关文章

  • Array.from()方法

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 将类数组对象转换为真正数组:...

  • ES6数组实例

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢?所谓类...

  • ES6之Array.from()方法

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢?所谓类...

  • ES6之Array.from()方法

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢?所谓...

  • Array.from

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢?所谓...

  • Array.from()方法之什么是类数组对象

    Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 那么什么是类数组对象呢?所谓...

  • JS数组字符串方法整理

    回顾数组字符串方法 数组对象方法 转换数组(将数组转换成一些其他形式): valueOf() 返回数组对象本身,和...

  • 数组的扩展

    Array.from() Array.from 方法用于将两类对象转换成真正的数组类似数组的对象(array-li...

  • ES6 扩展字符串数组对象常用方法整理

    数组扩展 Array.from() 将类数组对象和可遍历对象转换成数组 Array.of() 将一组值转换为数组 ...

  • ES6

    Array.from() Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组那么什...

网友评论

      本文标题:2019-04-18将类数组对象转换成数组的方法总结

      本文链接:https://www.haomeiwen.com/subject/sxytgqtx.html