您好,欢迎来到纷纭教育。
搜索
您的当前位置:首页前端JS数组常用方法

前端JS数组常用方法

来源:纷纭教育

1.split 字符串分割成数组

该方法是用指定的符号将 字符串 分割成数组,并返回新的数组不影响原来的值。

let str = "a-b-c-d-e";
let arr = str.split('-');
console.log(arr); // ['a', 'b', 'c', 'd', 'e']

2.join 数组连接成字符串

该方法通过用指定的字符或分割符,将数组中的元素连接起来,形成新的字符串,不影响原数组。

let arr = [1,2,3,4,5];
let str = arr.join('-');
console.log(str); // "1-2-3-4-5"

3.slice 截取 分离出来

该方法是通过指定下标从数组中截取出数据,返回一个新的数组,不影响原来的数组。

方法1.有两个参数 :arr.slice(start,end)  从start 下标开始截取 到end 下标(不包括end下标)结束

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.slice(0,4);
console.log(arr2); // [1, 2, 3, 4]

方法2. 只有一个参数:arr.slice(start)  从start 下标开始截取,一直到最后。

如果start 为0 就全部截取

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.slice(4);
console.log(arr2); // [5, 6, 7]

方法3. 没有参数:arr.slice() 全部截取

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.slice();
console.log(arr2); // [1, 2, 3, 4, 5, 6, 7]

 该方法也可以从字符串中截取,使用方法和从数组中截取是一样的。

4. splice 删除或增加元素

该方法用于在指定位置删除,增加或删除并增加元素,改变原数组。返回值是被删除的元素

方法1. 有两个参数: arr.splice(start,delCount) 纯删除  从start下标开始,删除几个

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.splice(3,3); //从下标3开始删除3个
console.log('原数组',arr);  //[1, 2, 3, 7]
console.log('返回值',arr2);  //[4, 5, 6]

方法2. 有三个参数: arr.splice(start,delCount,item)  从start下标开始, 删除delCount 个,并在该位置添加item

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.splice(3,3,[0,1,2]); //从下标3开始删除3个并在下标3插入[0,1,2]
console.log('原数组',arr); //[1, 2, 3, [0, 1, 2], 7]
console.log('返回值',arr2); //[4, 5, 6]

方法3. 有三个参数且第二个参数为0 : arr.splice(start,0,item) 添加  从start下标开始,删除0个,并在该位置添加item

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.splice(3,0,[0,1,2]); //从下标3开始 不删除 并在下标3插入[0,1,2]
console.log('原数组',arr); //[1, 2, 3, [0, 1, 2], 4, 5, 6, 7]
console.log('返回值',arr2); //[]

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

该方法用于查找指定元素在数组中第一次出现的位置,返回值为找到的该元素的下标,不影响原数组。

let arr = [1,2,3,4,5,6,7];
let arr2 = arr.indexOf(2);
console.log('原数组',arr);  //[1, 2, 3, 4, 5, 6, 7]
console.log('返回值',arr2); //1

该方法还用于判断元素是否存在于数组中

如果该值等于-1 就表示该元素不在数组中。

let arr = [1,2,3,4,5,6,7];
console.log(arr.indexOf(2) !== -1); // true

6.lastIndexOf 查找元素最后一次在数组中出现的位置

该方法用来查找元素最后一次在数组中出现的位置 使用方法与indexOf 方法一致

7. concat

该方法可以把两个数组里的元素拼接成一个新的数组

8. reverse 翻转数组

arr.reserse()

9. sort

该方法可以对数组进行排序.

10. push

该方法可以在数组的最后面,添加一个或者多个元素
结构: arr.push(值)
返回值:返回的是添加元素后数组的长度.

11. pop

该方法可以在数组的最后面,删除一个元素
结构: arr.pop()
返回值:返回的是刚才删除的元素.

12. unshift

该方法可以在数组的最前面,添加一个或者几个元素
结构: arr.unshift(值)
返回值: 返回的是添加元素后数组的长度

13. shift

该方法可以在数组的最前面,删除一个元素
结构: arr.shift()
返回值: 返回的是刚才删除的元素.
                        
原文链接:https:///U_Are_My_Halo/article/details/321683

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- fenyunshixun.cn 版权所有 湘ICP备2023022495号-9

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务