4.1 for in

  1. var arr = ["html","css","js"];
  2. for(var key in arr){
  3. console.log(key) //key获取的是数组的下标
  4. console.log(arr[key])
  5. }

4.2 forEach

遍历数组中的每一项,没有返回值,对原数组没有影响

  1. var arr = ["html","css","js"];
  2. arr.forEach(function(item){
  3. console.log(item)
  4. })

4.3 of

  1. var arr = [3,4,5];
  2. for(var value of arr){
  3. console.log(value)
  4. /* 获取下标怎么获 */
  5. /* indexOf */
  6. console.log(arr.indexOf(value))
  7. }

4.4 map (需加return)

可以改变数组的每一项,变成一个新数组

  1. var arr = [2,3,4,5]
  2. var res = arr.map((item=>{
  3. return item*2
  4. }))
  5. console.log(arr); // [2,3,4,5]
  6. console.log(res); // [4,6,8,10]

4.5 some 方法 (需加return)

只要数组中有一项满足条件,就输出true

  1. var arr = [1,2,3,4,5]
  2. var res = arr.some(item =>{
  3. return item>3
  4. })
  5. console.log(res); // true

4.6 every 方法 (需加return)

数组中的每一项满足条件,才输出true

  1. var arr = [1,2,3,4,5]
  2. var str = arr.every(item => item >2)
  3. console.log(str); //false

4.7 find 方法 (需加return)

找到一个就返回匹配的元素,没找到就返回 undefined

  1. var arr = [1, 2, 3, 4, 5, 6]
  2. var newArr = arr.find(val => {
  3. return val > 2
  4. })
  5. console.log(newArr) // 3

4.8 filter 方法 (筛选,过滤)(需加return)

此方法也不会改变原始数组,会返回一个筛选成功匹配的元素组成的新数组

  1. var arr = [3,4,5,6];
  2. var res = arr.filter(item=>{
  3. return item>4;
  4. })
  5. console.log(res)

4.9 findeIndex 方法

返回数组中满足某个条件的值的下标,没找到就返回-1

  1. /* 返回数组中满足某个条件的值的下标,没找到就返回-1 */
  2. var arr =[2,3,4];
  3. var index = arr.findIndex(item=>{
  4. return item==4;
  5. })
  6. console.log(index)