数组中的几种常用方法（上）

最新推荐文章于 2025-07-13 10:52:52 发布

Johannajensen

最新推荐文章于 2025-07-13 10:52:52 发布

阅读量137

点赞数 1

CC 4.0 BY-SA版权

文章标签： html5 javascript es6 前端开发语言

本文链接：https://blog.youkuaiyun.com/Sakamodokun/article/details/130472610

本文介绍了JavaScript中数组的基本概念、声明方式以及常用的方法，如push、unshift、pop、shift、slice、splice、sort、join、concat和indexOf等，详细阐述了如何对数组进行添加元素、删除元素、截取、排序、转换和合并等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

在JS的使用过程中我们经常需要处理到大批数据从而追加到页面中，此时就需要数组

一、数组的认识

1.数组：可以用来储存各种数据类型的的集合一般叫数组

2.数组的标识：一般用[]来进行表示，[]里面以单个值得形式存在，且用逗号隔开

二、数组的声明

1.直接声明：

let arr = [];

2.构造函数声明：

let arr = new Array[]; // 其中new的都是构造函数，被new的都是实例化对象

三、数组中的方法

1.向数组尾部添加元素（不论数量，都可以添加）

push()方法---返回添加元素后数组的长度，原数组发生改变

        let arr = [11,22,66,55,44,77];
        arr.push('你好',55,66);
        console.log(arr);

2.向数组头部添加元素（不论数量，都可以添加）

unshift()方法---返回添加元素后数组的长度，原数组发生改变

        let arr = [11,22,66,55,44,77];
        console.log(arr.unshift('你好',55,99));;
        console.log(arr);

3.删除数组尾部元素（只能一次删除一个）

pop()方法---从数组尾部删除一个元素，原数组发生改变，写的参数是无效的，返回的是删除的那个元素

        let arr = [11,22,66,55,44,77];
        console.log(arr.pop());;
        console.log(arr);

4.删除数组头部元素（只能一次删除一个）

shift()方法---从数组头部删除一个元素，原数组发生改变，写的参数是无效的，返回的是删除的那个元素

        let arr = [11,22,66,55,44,77];
        console.log(arr.shift());;
        console.log(arr);

5.截取数组（slice和splice）--splice还可以进行数组的替换

a.slice(start,end)方法--- 截取数组中指定位置,原参数不会发生改变，参数1为开始截取位置的索引；参数2为结束位置的索引（包含开始不包含结束）

        let arr = [11,22,66,55,44,77];
        console.log(arr.slice(1,3));
        console.log(arr);

b.splice(start,length)方法---也是截取原数组,原数组会发生改变，参数1为起始位置索引；参数2为截取长度或者截取个数；参数3为截取后需替换的元素,替换位置从截取开始位置开始

        let arr = [11,22,66,55,44,77];
        console.log(arr.splice(1,3,'你好'));
        console.log(arr);

6.数组的排序（reverse和sort）

a.reverse()方法---进行数组内部内容进行颠倒，参数无效，原数组发生改变

        let arr = [11,22,66,55,44,77];
        console.log(arr.reverse(0));
        console.log(arr);

b.sort()方法---进行数组排序，默认从小到大排序，参数为回调函数，形参有两个，返回形参2-形参1，可以将排序从大到小进行排序

        let arr = [11,22,66,55,44,77];
        console.log(arr.sort());
        console.log(arr);

        let arr = [11,22,66,55,44,77];
        console.log(arr.sort((a,b)=>b-a));
        console.log(arr);

7.将数组转化为字符串

join()方法---将数组中的元素以指定的连接符进行连接并将素组转化为字符串，默认以逗号进行分割

        let arr = [11,22,66,55,44,77];
        console.log(arr.join());
        console.log(arr);

8.数组的合并

concat()方法---合并数组并返回一个新数组且原数组不发生改变，参数为需要合并的数组

        let arr = [11,22,66,55,44,77];
        let obj = {name:'zc'};
        console.log(arr.concat(obj));
        console.log(arr);

9.取得数组得索引

a.indexOf()方法---取得数组中元素的索引，没有就返回-1（从前往后取）

        let arr = [11,22,66,55,44,77];
        console.log(arr.indexOf(22));
        console.log(arr.indexOf(15));
        console.log(arr);

b.lastIndexOf()方法---和indexOf()一样，但是从后往前取

        let arr = [11,22,66,55,22,77];
        console.log(arr.lastIndexOf(22));
        console.log(arr.indexOf(22));
        console.log(arr);

三、总结

向数组中添加元素：向尾部添加push()，向头部添加unshift()

向数组中删除元素：向尾部删除pop()，向头部删除shift()

截取：slice(start,end) 参数一为开始截取的元素下标，参数二为结束截取的元素小标（包含开始不包含结束）

截取和替换：splice(start,length,替换参数)参数一为开始截取元素小标，参数二为需截取的长度，参数三为截取长度后面开始进行替换

排序：reverse()直接将数组进行颠倒，sort()将数组内数据进行从小到大排序

将数组转化为字符串：join(),内部参数为字符串的连接样式，默认逗号

数组的合并：concat(),合并数组返回新数组，原数组不发生改变

查找数组索引：indexOf() 取出元素索引，没有返回-1/，从前往后进行查找

lastIndexOf() 和indexOf()一样，但从后往前进行查找