高级js学习——1（主要是数组常用的方法）

1.高阶函数：把一个函数如果接受另外一个函数作为参数，或者该函数会返回另外一个函数作为返回值的函数，那么这个函数就称之为师一个高阶函数 （数组的方法）

2.filter：过滤

var nums = [10, 5, 11, 100, 55]
// 筛选数组中的偶数
var newNums = nums.filter((item,index,arr)=>{
  return item % 2 ===0
})


const filterArr = this.orderItemArr.filter(e => {
          return e.orderSn !== selOId
        })
        console.log('1111', filterArr)
this.orderItemArr = filterArr.concat(selectArr)


// 用法
// nums.filter((数组的每个元素，索引值，数组)=>{
//   return Boolean
// })

3.map：映射

var nums = [10, 5, 11, 100, 55]

var newNums2 = nums.map(item=>{
  return item * 10
})
console.log(newNums2)

4.forEach：迭代

var nums = [10, 5, 11, 100, 55]
nums.forEach(item=>{
  console.log(item)
})

5.reduce：累加

var nums = [10, 5, 11, 100, 55]
//reduce 累加
//preValue 上一次的值
var newsNum = nums.reduce((preValue,item)=>{
  return preValue + item
},0)//这个0是初始值 
// 初始值自己可以定义{} 、 [] 等等，在不同的情景下自定义
console.log(newsNum)

6.find / findIndex

//find
//这是查找第一个元素
var item = nums.find(item=>{
  return true
})
console.log(item)


var friends = [
  {name:"why",age:18},
  {name:"why1",age:9},
  {name:"why2",age:8},
  {name:"why3",age:81},
]

const findFriend = friends.find(item=>{
  return item.name === 'why2'
})
console.log(findFriend)


//findIndex
var friendIndex = friends.findIndex(item=>{
  return item.name === 'why2'
})
console.log(friendIndex)

7.一个数组和另一个数组通过比较一个数组对象的字段值处理另一个数组的内容项

this.cities.forEach(e => {
            const isInclude = this.checkedCities.some(item => {
              return item.country == e.country
            })
            if (isInclude == false) {
              e.disabled = false
            } else {
              e.disabled = true
            }
          })

常用的数组的28个方法 blog.csdn.net/weixin_4475…