【JavaScript】 数组重要方法详解篇（二）

【JavaScript】 数组 重要方法详解篇（二）

💻 【JavaScript】 数组重要方法详解(二)🏠专栏：专栏：JavaScript
👀个人主页：繁星学编程🍁
🧑个人简介：一个不断提高自我的平凡人🚀
🔊分享方向：目前主攻前端，其他知识也会阶段性分享🍀
👊格言：☀️没有走不通的路，只有不敢走的人！☀️
👉让我们一起进步，一起成为更好的自己！！！🎁

【JavaScript】 数组（Array）方法

数组中有许多的重要的方法，而本篇文章主要叙述不会改变原数组的五种常用方法。

一. 操作方法

(1)concat()

可以连接两个或多个数组，它不会影响原数组，而是新数组作为返回值返回

var arr = ['zs', 'lisi', 'red'];
console.log(arr.concat(['weifu', 'jiayu'])); // (5) ['zs', 'lisi', 'red', 'weifu', 'jiayu']
console.log(arr); // (3) ['zs', 'lisi', 'red']

和push()方法的区别：

1. 是否修改原数组

   push() 修改原数组

   concat() 不修改原数组

2. 插入数据

   push() 直接以数组的形式插入

   concat() 如果遇到数组，会把数组拆开，把每一项依次放入

(2) slice()

可以从一个数组中截取指定的元素（该方法不会影响原数组，而是将截取到的内容封装为一个新的数组并返回）

• 语法：数组.slice(开始索引, 结束索引)
• 作用：截取数组的部分内容
• 返回值：数组内部就是截取出的东西

参数：

1. 截取开始位置的索引（包括开始位置）
2. 截取结束位置的索引（不包括结束位置）
3. 第二个参数可以省略不写，如果不写则一直截取到最后。
4. 参数可以传递一个负值，如果是负值，则从后往前数。

var arr = [10, 30, 50, 44, 33, 66];
var res = arr.slice(2, 4)
console.log(res); // [50,44]
console.log(arr); // [10, 30, 50, 44, 33, 66]

二. 转换方法

(1) join()

可以将一个数组转换为一个字符串

• 语法：数组.join(‘连接符’)
• 作用：使用连接符，把数组里面的每一个数据都连接起来，变成一个字符串, (连接符不写，默认：逗号)
• 返回值：拼接好的字符串

参数：需要一个字符串作为参数，这个字符串将会作为连接符来连接数组中的元素，如果不指定连接符则默认使用。

var arr1 = [2022, 12, 21];
var res1 = arr1.join("-");
console.log(res1); // 2022-12-21
var arr2 = [16, 28, 30];
var res2 = arr2.join(":");
console.log(res2); // 16:28:30

三. 位置方法

(1) indexOf()

语法：

• 数组.indexOf(数据)
• 数组.indexOf(数据，开始索引)

作用：从前向后查找该数据在数组中第一次出现的位置

返回值：

• 如果数组中找到了该数据，那么返回第一次出现的索引
• 如果没找到, 那么返回-1

var arr = [10, 30, 20, 50, 44, 20, 40, 33, 66, 30];
var res = arr.indexOf(20, 3);
console.log(res); // 5
console.log(arr); // [10, 30, 20, 50, 44, 20, 40, 33, 66, 30]

(2) lastIndexOf()

语法：

• 数组.lastIndexOf(数据)
• 数组.lastIndexOf(数据, 开始索引)

作用：从后向前查找数据第一次在该数组中出现的位置

返回值：

• 如果数组中找到了该数据，那么返回第一次出现的索引
• 如果没找到, 那么返回-1

var arr = [10, 30, 20, 50, 44, 20, 40, 33, 66, 30];
var res = arr.lastIndexOf(20);
console.log(res); // 5
console.log(arr); // [10, 30, 20, 50, 44, 20, 40, 33, 66, 30]

结束语：

希望对您有一点点帮助，如有错误欢迎小伙伴指正。
👍点赞：您的赞赏是我前进的动力！
⭐收藏：您的支持我是创作的源泉！
✍评论：您的建议是我改进的良药！
一起加油！！！💪💪💪