重学ES6（一）：数组及其新方法

const arr = [1, 2, 3, 4, 5]

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

const arr = [1, 2, 3, 4, 5]
// every 默认return false（即遍历一项后跳出），要一直遍历需要加 return true
// return false 等同于 break，return true 等同于 continue
arr.every(function (item) {
  if (item === 2) {
    return false
  }
  console.log(item)
  return true
}) // 1 3 4 5

// for in 主要为object进行遍历
// for in 为数组遍历时，如果有自定义属性，会遍历出自定义属性
// for in 支持break和continue
// arr.a = 100 遍历后会有 a 100
for (let index in arr) { 
  console.log(index, arr[index])
} 

// for of (ES6新增)
// for…of 遍历的是一切可遍历的元素（数组、对象、集合）等
for (let item of arr) {
  console.log(item)
}

let arrLike = {
0: ‘a‘,
1: ‘b‘,
2: ‘c‘
}

// ES5
let args = [].slice.call(arguments) // collection
let imgs = [].slice.call(document.querySelectorAll(‘img‘)) // NodeList

// ES6
let args = Array.from(arguments)
let imgs = Array.from(document.querySelectorAll(‘img‘))

//只填写一个参数时Array.of()创建一个具有单个元素的包含该元素的数组
Array.of(7);       // [7]
Array.of(1, 2, 3); // [1, 2, 3]

//只填写一个参数时Array()创建长度为参数的空数组
Array(7);          // [ , , , , , , ]
Array(1, 2, 3);    // [1, 2, 3]

// Array.fill() 填充数组
let array = Array(5).fill(9)
console.log(array) // [9, 9, 9, 9, 9]

// Array.fill(value,start,end)
// value用来填充数组元素的值，start起始索引，end终止索引
// fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。
let array = [0, 11, 22, 33, 44, 55, 66, 77]
console.log(array.fill(‘replace‘, 1, 4)) // [0, "replace", "replace", "replace", 44, 55, 66, 77]

// ES5
let array = [0, 11, 22, 33, 44, 55, 66, 77]
// filter()方法,返回符合测试函数的数据组成的数组,否则返回空数组
// filter()方法会找出所有符合测试函数的数据组成数组返回，用于验证数据是否存在时效率低
let find = array.filter(function (item) {
    return item === 44
})
console.log(find) // [44]

// ES6
let array = [0, 11, 22, 33, 44, 55, 66, 77]
// find() 方法返回数组中满足提供的测试函数的第一个元素的值，否则返回 undefined
// find() 用于验证数据是否存在时效率高
let find = array.find(function (item) {
  return item === 22
})
console.log(find) // 22

// findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。其实这个和 find() 是成对的，不同的是它返回的是索引而不是值。
let array = [0, 11, 22, 33, 44, 55, 66, 77]
let findex = array.findIndex(function (item) {
  return item === 22
})
console.log(findex) // 2