美文网首页
ES6之Array.from()方法

ES6之Array.from()方法

作者: 墨芊baby | 来源:发表于2019-03-04 18:32 被阅读0次
  • 复制数组
    如果传的是数组,将把数组复制一份传给新数组,不会影响原数组
let arr = [1,2,3,4,5];
let arr2 = Array.from(arr);
//相当于let arr2 = [...arr]
console.log(arr)        // [1,2,3,4,5]
console.log(arr2)        // [1,2,3,4,5]
  • 转换json对象为数组
    一个类数组对象必须要有length,他们的元素属性名必须是数值或者可以转换成数值的字符。注意:属性名代表了数组的索引号,如果没有这个索引号,转出来的数组中对应的元素就为空。
let array = {
    0: 'name', 
    1: 'age',
    2: 'sex',
    3: ['user1','user2','user3'],
    'length': 4
}
let arr = Array.from(array )
console.log(arr) // ['name','age','sex',['user1','user2','user3']]
  • 如果将上面代码中length属性去掉arr将会是一个长度为0的空数组,如果将代码修改一下,就是具有length属性,但是对象的属性名不再是数字类型的,而是其他字符串型的,代码如下:
let array = {
    'name': 'name', 
    'age': 'age',
    'sex': 'sex',
    'user': ['user1','user2','user3'],
    'length': 4
}
let arr = Array.from(array )
console.log(arr)  // [ undefined, undefined, undefined, undefined ]
  • 数组去重
    利用 set 可以实现数组去重
let array = [1,2,3,1,2,4]
let arr = Array.from(new Set(array)) // [1,2,3,4]
  • 将字符串转换为数组
let str =  'hello'
let arr = Array.from(str)   // ["h", "e", "l", "l", "o"]
//相当于str.split('')
  • Array.from还可以接受第二个参数
    作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。如下:
let arr = [1,2,3,4,5]
let set = new Set(arr)
console.log(Array.from(set, item => item + 1)) // [2,3,4,5,6]

相关文章

  • [ES6之Array.from()方法]

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

  • 2019-12-17

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

  • 关于Array.from

    Array.from Array.from(length,function) Array.from是es6新增 a...

  • ES6的新特性3:数组的扩展

    ES6给数组添加了一些新特性,以下介绍的是新增数组的方法。 1:Array.from Array.from作用是可...

  • JavaScript数组常用方法整理

    整理一下常用的数组方法(含ES6) Array.from(arrayLike[, mapFn[, thisArg]...

  • 数组去重的几个方案

    数组去重,直接扩展原型方法unique 方法1: 利用知识点:Set()、Array.from() ES6新增的数...

  • ES6系列 (四)新的数组方法

    方法 ES6 新的数字方法,帮助我们更容易的处理数据 Array.from Array.of Array.prot...

  • ES6之Array.from()方法

    一、类数组对象:所谓类数组对象,最基本的要求就是具有length属性的对象。 二、Array.from()方法就是...

  • ES6之Array.from()方法

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

  • ES6之Array.from()方法

    复制数组如果传的是数组,将把数组复制一份传给新数组,不会影响原数组 转换json对象为数组一个类数组对象必须要有l...

网友评论

      本文标题:ES6之Array.from()方法

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