JavaScript 数组需要灵活运用的常用方法(三)

172 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

JavaScript 中有大量的数据操作, 即大量的数组常用操作. 包括合并数组, 添加数组元素push, 删除数组元素, 数组排序, 数组查找 等等. 这里简单学习下数组的常用操作方法:

数组对象的常用方法

1. .concat(数组2, 数组3,...)

作用: 用于合并数组为一个数组,

2. .join(用什么分隔开)

分隔符分隔数组为字符串

3. .push(元素1, 元素2, 元素3, ...)

将参数 元素 添加到数组的尾部, 返回数组的长度, 并改变原数组

3. .shift(元素1, 元素2, 元素3, ...)

  • 数组去重 :

  • 方案二 : 数组先排好序    1  1  1   33   33    55     66   100

    如果前一个数 != 后一个数   就将前一个数存入到数组中  1   33   55 66   100

for (var i = 0; i < arr.length; i++) {
  if (arr[i] != arr[i + 1]) {
    brr.push(arr[i])
  }
}
  • 排序:

    • 冒泡排序法      
    • 选择排序法
arr.sort(function (a, b) {
  return a - b
})

数组新增方法 :

forEach() indexOf()   map   filter     reduce

  1. forEach(匿名函数)

遍历   没有返回值

  arr.forEach(function(item,index,array){
    item   表示数组中的数据
        index 表示下标
       array 表示遍历的数组
  })
  1. indexOf()

判断一个数在数组中是否存在,

如果存在 返回这个数在数组中的下标,如果不存在就返回-1

数组.indexOf(num)
  1. filter()   过滤

根据过滤条件返回一个新数组

arr.filter(function (item, index, array) {})
  • map()   映射

    遍历数组---修改数组---返回数组

arr.map(function (item, index, array) {})
  1. reduce()   归并
  arr.reduce(function(pre,next){
      pre 表示上一次操作返回的结果
      next 表示 下一个数
  })