ES6学习总结(五)

数组的扩展

ES6新增了两种创建数组组的方法
Array.of方法
使用new Array方法创建数组会存在一些怪异点，如果传输入一个数值型量会被认为设置length，如果传入一个非数值型量会被认为设置数组中的某一项，传入多个参数会被认为是设置多个项

// 使用数组构造器创建数组
let arr = new Array(2)
console.log(arr) // 2
console.log(arr[0],arr[1]) // undefined  undefined
let arr = new Array('2')
console.log(arr[0]) // "2"
let arr = new Array(1,2)
console.log(arr) // [1,2]

Arry.of方法避免了这些问题，它总会创建一个包含所有传入参数的数组。

let arr = Array.of(2)
console.log(arr.length) // 1
console.log(arr[0]) // 2
let arr = Array.of(1,2)
console.log(ar) // [1,2]

Array.from方法
Array.from()方法可以将类数组对象和可迭代对象转换为数组，它可以接受三个参数:
1、需要转换的对象。 2、转换规则。 3、如果转换规则中涉及对象，这里用来设置规则中对象的this指向。

let arr = Array.from(1,2,3) 
console.log(arr) // [1, 2, 3]
let translate = {
   
      num:  1,
      add(value ) {
   
           this.num + value;
      }
}
// 这里使用translate.add()方法时必须设置第三个参数
function tranArr () {
   
    return Array.from(arguments, translate.add, translate)
}
let arr = tranArr(1, 2, 3)
console.log(arr) // [2, 3, 4]
//Array.from()方法可以用于可迭代对象意味着该方法可以将任意包含Symbol.iterator属性的对象转换为数组
function * createNum () {
   
    yield