LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

Es6

2022/11/30 js

1.Array.from()

就是将一个类数组对象或者可遍历对象转换成一个真正的数组,也是ES6的新增方法.

类数组对象,最基本的要求就是具有length属性的对象。

1.将类数组对象转换为真正数组(属性名为数字类型):

    let obj1 = {
      '0': 'james',
      '1': 'kobe',
      'length': 2
    }
    let arr4 = Array.from(obj1)
    console.log(arr4);//["james", "kobe"]

2.将类数组对象转换为真正数组(属性名为字符串类型):

   let obj2 = {
      'name1': 'james',
      'name2': 'kobe',
      length: 2
    }
    let arr5 = Array.from(obj2)
    console.log(arr5);//[undefined, undefined]

3.没有length属性:

    let obj3 = {
      '0': 'james',
      '1': 'kobe'
    }
    let arr6 = Array.from(obj3)
    console.log(arr6);//[]

由上可知,类数组对象中必须具有length属性,用于指定数组的长度。如果没有length属性,那么类数组转换后的数组是一个空数组;
类数组对象的属性名必须为数值型或者是字符串型的数字

4.Array.from还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。

 let arr = [1, 3, 5, 7]
    let arr2 = Array.from(arr, item => {
      return item *= 2
    })
    console.log(arr2)//[2, 6, 10, 14]

5.将Set结构的数据转换为真正的数组:

    let arr = [1, 3, 5, 7]
    let arr2 = new Set(arr)
    let arr3 = Array.from(arr2)
    console.log(arr2, arr3)//Set(4) {1, 3, 5, 7}  (4) [1, 3, 5, 7]

6.将字符串转换为数组

    let str = "happy birthday"
    let arr = Array.from(str)
    console.log(arr)//["h", "a", "p", "p", "y", " ", "b", "i", "r", "t", "h", "d", "a", "y"]

7.Array.from参数是一个真正的数组,Array.from会返回一个一模一样的新数组:

    let arr = [1, 2, 3, 4]
    let arr2 = Array.from(arr)
    console.log(arr2)//[1, 2, 3, 4]
img_show