js 数组的常用方法

目录

数组关注是否改变原数组

操作

增

会影响原数组

push()

unshift()

splice()

不会影响

concat()

删

会影响原数组

pop()

shift()

splice()

不会影响

slice()

改

splice()

查

indexOf()

includes()

find()

排序

reserve()

sort()

转换

join()

迭代方法

some()

every()

forEach()

filter()

map()


数组关注是否改变原数组

操作

增

会影响原数组

push()

  • 接收任意数量的参数,将他们添加到数组末尾,放回数组最新长度

unshift()

  • 在数组头部添加任意多个值,返回新的数组长度
复制代码
```javascript
let arr = ['a', 'b', 'c']
let len = arr.unshift(1, 0)
console.log(arr) // ['1', '0', 'a', 'b', 'c']
console.log(len) // 5
```

splice()

  • 传入三个参数,分别是开始位置,0(要删除的元素数量)、插入的元素,返回空数组
复制代码
```javascript
let arr = ['a', 'b', 'c']
let add = arr.splice(1, 0, 'a', 'b')
console.log(arr) // ['a', 'a', 'b', 'b', 'c']
console.log(add) // []
```

不会影响

concat()

  • 创建一个当前数组的副本,再把它的参数添加到副本末尾,返回这个新构建的数组,不会影响原始数组
复制代码
```javascript
let arr = ['a', 'b', 'c']
let add = arr.concat('e', ['f', 'g'])
console.log(add) // ['a', 'b', 'c', 'e', 'f', 'g']
console.log(arr) // ['a', 'b', 'c']
```

删

会影响原数组

pop()
  • 删除数组的最后一项,减少数组的length值,返回被删除的项
shift()
  • 用于删除数组的第一项,减少数组的length值,返回被删除项
splice()
  • 传入两个参数,开始位置及删除数量,返回包含删除元素
复制代码
```javascript
let letters = ['a', 'b', 'c', 'd', 'e']
let letters1 = letters.splice(1,2) 
console.log(letters) // ['a', 'd', 'e']
console.log(letters1) //['b', 'c']
```

不会影响

slice()
  • 用于创建一个包含原有数组一个或者多个元素的新数组,不会改变原始数组
复制代码
```javascript
let letters = ['a', 'b', 'c', 'd', 'e']
let letters1 = nums.slice(1) //['b', 'c', 'd', 'e']
let letters2 = nms.slice(1,3) //['b', 'c']
```

改

splice()

  • 会修改原数组的内容
  • 传入三个参数,分别是开始位置,要删除的数量,要插入的任意多个元素,返回被删除元素的数组,对原数组产生影响
javascript 复制代码
let arr = ['a', 'b', 'c']
let remove = arr.splice(1,1, 'd', 'f')
console.log(arr) // ['a', 'd', 'f', 'c']
console.log(remove) // 'b'

查

查找元素返回元素坐标或者元素值

indexOf()

  • 查找元素在数组中的位置,没找到返回-1
复制代码
```javascript
let arr = [1,2,3]
arr.indexOf(2) == 1
```

includes()

  • 查找的元素在数组中的位置,找到true,没找到false
复制代码
```javascript
let arr = ['xx', 'banana', 'hah']
arr.includes('mm') //false
```

find()

  • 返回第一个匹配的元素
复制代码
```javascript
let stus =[
    {
        name: 'xx',
        age: '20'
    },{
        name: 'xx1',
        age: '18'
    },{
        name: 'xx2',
        age: '15'
    }
]
stus.find((currentValue, index, arr) => {
    return currentValue.age > 18
}) //{name: 'xx', age: '20'}
```

排序

reserve()

  • 改变原数组
  • 将数组反转
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.reserve()
console.log(result) // [3, 2, 1]

sort()

  • 改变原数组
  • 接受一个比较函数,用于判断哪个值排在前面
javascript 复制代码
function compare(a, b) {
	return b - a
}
let arr = [1, 2, 3]
arr.sort(compare)

转换

join()

  • 接收一个参数(字符串分隔符),返回包含所有项的字符串
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.join('.')
console.log(result) //1.2.3

迭代方法

some()

  • 对数组的每一项都运行传入的函数,至少有一个元素返回true,这个方法就返回true
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.reserve()
console.log(result) // [3, 2, 1]

every()

  • 对数组的每一项都运行传入的函数,所有元素返回true,这个方法就返回true
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.every((item, index, array) => {
    return item > 2
})
console.log(result) //false

forEach()

  • 对数组中的每一项都运行传入的函数,没有返回值

filter()

  • 对数组中的每一项都运行函数,返回为true会组成数组
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.filter((item, index, array) => {
    return item > 1
})
console.log(result) // [2, 3]

map()

  • 对数组中每一项都运行函数,返回由每次函数调用的结果组成新数组
javascript 复制代码
let arr = [1, 2, 3]
let result = arr.map((item, index, array) => {
    return item*2
})
console.log(result) // [2, 4, 6]
相关推荐
kyriewen1 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
海的透彻1 小时前
dockerfile如何快速构建容器(java服务)
java·开发语言
code2cat1 小时前
Java工具篇之Gradle:用任务图组织构建与交付
java·开发语言·单元测试·gradle
北京中科新远科技1 小时前
高速交换机端口预算怎么做?下行、上联、拆分和冗余计算框架
开发语言·php
工控丫丫2 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
xiaoye-duck2 小时前
《C++ 项目:手写大模型接入 SDK》DeepSeek接口设计(下):流式响应实现和测试
开发语言·网络·c++·语言模型
AI源码2 小时前
基于 Python 的短视频用户行为分析系统
开发语言·python
旖旎夜光3 小时前
【C++ 基础入门】类和对象(上):封装、对象模型与 this 指针
开发语言·c++·笔记·学习
揽星河..3 小时前
【C语言】结构体
c语言·开发语言
2601_966949654 小时前
如何封装 qd.klines.batch(),让批量 K 线查询函数在多个策略中复用?
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash