ES6中对数组的扩展

  Array.from()方法用于将两类对象转为真正的数组:类似数组的对象和可遍历对象。

  php有种返回json长成:let arr1={0:'1',1:'a',2:'c'};ES6可以直接写成let arr2=Array.from(arr1);//['1','a','c']。ES5可以写成 var arr3=[].slice.call(arr1);感谢ES6吧。

  只要是部署了Iterator接口的数据结构,Array.from都能将其转为数组。Array.from('hello')//[h,e,l,l,o];如果参数是一个真正的数组,Array.from会返回一个一模一样的新数组。

  Array.from方法还支持类似数组的对象。所谓类似数组的对象,本质特征只有一点,即必须有length属性。因此,任何有length属性的对象,都可以通过Array.from方法转为数组,而这种情况扩展运算符无法转换。

  Array.from还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。Array.from([1,2,3),(x)=>x*x)//[1,4,9]

  使用Array.from替换布尔值为false的成员。Array.from([1,,2,,3],(n)=>n||0)//[1,0,2,0,3]

  这可能就可以用来做filter。我说为什么小程序,react没有提供filter这种基础的功能。

  Array.from()可以将各种值转为真正的数组,并且提供map功能。只要有一个原始的数据结构,就可以先对它的值进行处理,然后转成规范的数组结构,进而可以使用数量众多的数组方法。

  Array.from()可以将字符串转为数组,然后返回字符串的长度。因为它能正确处理Unicode字符,可以避免js将大于\uFFF的Unicode字符算作2个字符的bug。

function countSymbols(string){
  return Array.from(string).length ; 
}

  Array.of()方法用于将一组值转换为数组。这个方法的主要目的,是弥补数组构造函数Array()的不足。因为参数个数的不同会导致Array的行为有差异。只有当参数个数不少于2个时,Array()才会返回由参数组成的新数组。参数个数只有1个时,实际上是指定数组的长度。

  Array.of基本上可以用来替换Array()或new Array(),并且不存在由于参数不同而导致的重载。它的行为非常统一。

  Array.of总是返回参数值组成的数组。如果没有参数,就返回一个空数组。

  

  数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined;

  find方法的回调函数可以接受3个参数,依次为当前的值、当前的位置和原数组。

  数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有都不符合条件,则返回-1。

  数组实例的fill方法使用给定值填充数组。

  ES6提供了3个新方法-entries()、keys()和values()用来遍历数组。它们都返回一个遍历器对象。可以用for..of循环遍历,keys()是对键名的遍历,values()是对键值的遍历,enteries()是对键值对的遍历。

  Array.proptotype.includes方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似。

  数组的空位指数组的某一个位置没有任何值。

  不全。

猜你喜欢

转载自www.cnblogs.com/wlxll/p/9269802.html