【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()方法的区别:
-
是否修改原数组
push() 修改原数组
concat() 不修改原数组
-
插入数据
push() 直接以数组的形式插入
concat() 如果遇到数组,会把数组拆开,把每一项依次放入
(2) slice()
可以从一个数组中截取指定的元素(该方法不会影响原数组,而是将截取到的内容封装为一个新的数组并返回)
- 语法:数组.slice(开始索引, 结束索引)
- 作用:截取数组的部分内容
- 返回值:数组内部就是截取出的东西
参数:
- 截取开始位置的索引(包括开始位置)
- 截取结束位置的索引(不包括结束位置)
- 第二个参数可以省略不写,如果不写则一直截取到最后。
- 参数可以传递一个负值,如果是负值,则从后往前数。
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]
结束语:
希望对您有一点点帮助,如有错误欢迎小伙伴指正。
👍点赞:您的赞赏是我前进的动力!
⭐收藏:您的支持我是创作的源泉!
✍评论:您的建议是我改进的良药!
一起加油!!!💪💪💪