ES6语法（二）

1.ES5中的遍历方法

• for循环

var arr=[1,2,3,4]
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i])
}

• forEach

arr.forEach(function (item) {
  console.log(item)
})

注意：在forEach中不能使用break和continue

• every

arr.every(function (item) {
  console.log(item)
  return true;
})

• for in

for(let index in arr){
  console.log(index, arr[index])
}

2.伪数组转换为数组

伪数组的两个特征：
1.按索引方式存储数据
2.具有length属性
如：

let arrLike = {
  0: 'a',
  1: 'b',
  2: 'c',
  length: 3
}

ES5中将伪数组转换为数组：

var args = [].slice.call(arguments)
var imgs = [].slice.call(document.querySelectorAll('img'))

3.Array.from

Array.from有三个参数:ArrayLike、mapFn、thisArg

• 第一个参数是想要转换成数组的伪数组对象或可迭代对象
• 第二个参数是一个方法，如果指定了该参数，新数组中的每个元素会执行该回调函数
• 第三个参数是执行回调函数 mapFn 时 this 对象

let array = Array.from({ length: 5}, function(){ return 1 })
console.log(array) // [1,1,1,1,1]

4.生成新数组

ES5中生成新数组的方法：

var array = Array(5)
var array = []

ES6中生成新数组的方法：

let array = Array.of(1,23,4,5,6)
console.log(array) //[1,23,4,5,6]

let arr = Array(5).fill(3)
console.log(arr) //[3,3,3,3,3]

// Array.prototype.fill(value, start, end)
let ar = [1,2,3,4,5]
console.log(ar.fill(8,2,4)) //[1,2,8,8,5]

5.数组查找

ES5中的数组查找：

let array = [1, 2, 3, 4, 5]
let find = array.filter(function(item){
  return item % 2 === 0
})
console.log(find) //[2,4]

filter查找的是数组中所有符合查找要求的值，如果没有找到相应的值则返回 []。
ES6中的数组查找：

let array = [1, 2, 3, 4, 5]
let find = array.find(function (item) {
  return item % 2 === 0
})
console.log(find) // 2

find查找的是数组中第一个满足条件的值，如果没有找到则返回undefined.

let array = [1, 2, 3, 4, 5]
let find = array.findIndex(function (item) {
  return item % 2 === 0
})
console.log(find) // 1

findIndex返回的是符合条件的第一个值在数组中的位置，如果没有找到满足条件的值则返回-1.