前端数组的常用方法（数组的常用方法）

时间2025-06-14 06:12:53分类IT科技浏览4389

导读：数组是一个存储结构（可以进行增删改查操作）添加（add push append...）...

数组是一个存储结构（可以进行增删改查操作）添加（add push append...）

栈方法（先进后出后进先出）push入栈 pop出栈操作

push方法（添加到最后一个）

队列方法（先进先出后进后出）

unshift方法（添加到第一个）

var arr = [1] arr.unshift(10) console.log(arr) //[10,1]

删除 (delete(硬删) remove(软删)..) 栈方法

pop方法(删除最后面)

var arr = [1,2,3] arr.pop() //下标不写的 console.log(arr) //[1,2]

队列方法

shift方法（删除第一个）

var arr = [1,2,3] arr.shift() console.log(arr) //[2,3]

修改（replace替换 update 更新）

反转 reverse（将最后一个变到第一个一个个对应的换位置）

//改变原本的数组 var arr = [1,2,3,4,8] var arr1 = arr.reverse(); //返回一个数组这个数组就是反转后的数组 arr1.unshift(10) //返回的反转后的数组其实就我们原本的数组 console.log(arr) //反转后的结果 [8,4,3,2,1] console.log(Object.is(arr1,arr));//true

排序 sort

//sort方法排序 //默认情况下他是根据第一个字符的ACSII码进行排序 (ACSII码排序) var arr2 = [15,20,11,4,5] arr2.sort() //返回一个数组这个数组是排序好的数组他跟上面一样就是返回的这个数组其实就是原本的数组 console.log(arr2); // sort 其实是一个高阶函数高阶函数就是里面用函数做为参数的函数 var arr3 = [15,20,11,4,5] arr3.sort(function(a,b){ //1 和 -1来进行大小区分和排序规则 return b-a //a-b是正序 b-a就倒序 }) console.log(arr3);

不影响原本数组的方法 concat （连接）

//不会影响原本数组的方法返回新的数组 var arr = [1,2,3,4] var arr1 = [1,2,3,4] var arr2 = [1,2,3,4] var arr3 = [1,2,3,4] // concat 连接把多个数组变成一个数组返回 ...扩展运算符打开数组取出里面的值(...证明可以写任意个) ? 表示可写可不写 var newArr = arr.concat(arr1,arr2,arr3) console.log(newArr);

slice （截取）

// slice 切片把一个数组里面东西提出返回的新的数组 var sliceArr = arr.slice()//全切 console.log(sliceArr); var sliceArr1 = arr.slice(0)//从0开始切到最后如果下标不存在返回一个空数组 console.log(sliceArr1); var sliceArr2 = arr.slice(2,3)//包含结束的下标包含开始的下标 console.log(sliceArr2);

splice 方法（删除）

//splice会影响之前的数组删除截取插入 var arr = [12,13,45] //参数开始位置删除的个数(可以写可以不写数组的length) 返回一个新的数组 // var newArr = arr.splice(0) //从开始删 // console.log(newArr); console.log(arr); var newArr = arr.splice(1,2) //从开始删 console.log(newArr); //获取删除的内容其实就截取里面的内容(不足是会改变之前的数组)

split(原数组不受影响)

该方法是用过指定的分隔符,将字符串分割成数组。

返回值:返回一个新的数组

let str = wqz-ttj； let arr = str.split(-); console.log(arr);// arr=[wqz,ttj];

查找元素在数组中出现的位置 indexOf

该方法用来查找元素在数组中第一次出现的位置

结构：arr.indexOf(元素)

特殊用法：

(1) arr.indexOf (ele,fromIndex),从fromIndex这个下标开始,元素第一次出现的位置

用来判断元素是否存在于数组中!

if (arr.indexOf(ele) === -1){//说明元素不存在!! console.log(元素不存在!) } else { console.log( 元素存在! ) }

lastIndexOf 1. forEach( )

该方法等同于for循环,没有返回值

用法:

arr.forEach(function(item,index,arr){ //里面的function是一个回调函数, //item: 数组中的每一项; //index:item 对应的下标索引值 //arr: 就是调用该方法的数组本身 })

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。