ES6中部分数组的新增方法和对象的新增方法

ES6的新增

  • 一、数组新增方法
    • 1.Array.from()
    • 2.Array.of()
    • 3.数组实例的方法
      • 3.1 find()
      • 3.2 fill()
      • 3.3 entries() ,keys() 和 values()
      • 3.4 includes()
      • 3.5 flat()
  • 二、对象新增方法
    • 1.Object.is()
    • 2.Object.assign()
    • 3.Object.entries(),Object.keys()和Object.values()
    • 4.Object.fromEntries()
  • 总结


一、数组新增方法

1.Array.from()

Array.from()方法用于将类数组对象和可遍历的对象(同样适用于Set和Map)转为数组。代码如下:

//类数组对象
        let arr = {
   0 : 'yun', 1 : 'duo', 2 : 'spring', length : 3};
        console.log(Array.from(arr));//['yun', 'duo', 'spring']
        //若没有length会返回一个空数组
        let arr1 = {
   0 : 'yun', 1 : 'duo', 2 : 'spring'};
        console.log(Array.from(arr1));//[]       
        //传入数组会返回一个一样的数组
        console.log(Array.from([1,1,1,2,2,2]));//[1, 1, 1, 2, 2, 2]
        //传入字符串会将字符串中的每个字符作为数组的元素,对应返回
        console.log(Array.from('yun'));//['y', 'u', 'n']

2.Array.of()

Array.of()方法用于将一组数值转为数组,并且弥补了ES5中的Array()的不足,Array()传入参数小于2时,返回的结果是不同的,而Array.of()就完美解决了这个问题。代码如下:

		console.log(Array.of());//[]
        console.log(Array.of(3));//[3]
        console.log(Array.of(1, 2, 3)); //[1,2,3]
        //Array()
        console.log(Array()); //[]
        console.log(Array(3));//[ , , ]
        console.log(Array(1, 2, 3));//[1,2,3]

3.数组实例的方法

3.1 find()

find()方法用于找出数组中第一个符合的成员,和indexOf()类似&#x

你可能感兴趣的:(js核心编程,es6,javascript,前端)