JavaScript数组常用方法

最新推荐文章于 2023-04-25 21:43:42 发布

转载最新推荐文章于 2023-04-25 21:43:42 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://zh.javascript.info/

文章标签：

#js #数组方法

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

本文深入探讨了JavaScript中数组的各种操作方法，包括数据的增删改查、转换、排序、求和等，提供了丰富的示例代码，帮助读者掌握数组处理技巧。

文章目录

0. 数据：取用与插入
1.“瑞士军刀”：splice
2.亦可用于字符串：slice
3.连接：concat
4.查找索引：indexOf
5.查找单个元素：find
6.过滤多个元素：filter
7.映射元素内容：map
8.排序：sort
9.翻转：reverse
10.字符串<==>数组：split,join
11.求和相关：reduce
12.判断是否是数组：isArray

0. 数据：取用与插入

push：尾部插入，pop：尾部取出，shift：头部取出，unshift：头部添加

1.“瑞士军刀”：splice

可替换，删除，增加

let arr=['jack','kitty','jerry'];
delete arr[1];
console.log(arr);/* [ 'jack', <1 empty item>, 'jerry' ] */
console.log(arr.length);/* 3 */

arr.splice(1,1);
console.log(arr);/* 改变了 */
arr.splice(0,2,'-');
console.log(arr);
arr.splice(1,0,'*');
console.log(arr);
arr.splice(-2,0,3,4);
console.log(arr);

2.亦可用于字符串：slice

let str="test";
let arr=["t","e","s","t"];
console.log(str.slice(1,3));
console.log(arr.slice(1,3));
console.log(str.slice(-2));
console.log(arr.slice(-2));

console.log(str);/* 并未改变 */
console.log(arr);

3.连接：concat

let arr=[1,2];
console.log(arr.concat([3,4]));
console.log(arr);/* 并未改变 */
console.log(arr.concat([5,6],[7,8]));
console.log(arr);
console.log(arr.concat([9],10));
console.log(arr);

4.查找索引：indexOf

let arr=[1,0,false];
console.log(arr.indexOf(0));
console.log(arr.indexOf(false));
console.log(arr.indexOf(null));
console.log(arr.includes(1));

5.查找单个元素：find

let users=[
    {id:1,name:"john"},
    {id:2,name:"pete"},
    {id:3,name:"mary"}
];
let user=users.find(item=>item.id==1);
console.log(user.name);

6.过滤多个元素：filter

let users=[
    {id:1,name:"john"},
    {id:2,name:"pete"},
    {id:3,name:"mary"}
];
let user=users.filter(item=>item.id<3);
console.log(user);

7.映射元素内容：map

let lengths=["dd","ghj","gga"].map(item=>item.length);
console.log(lengths);

8.排序：sort

let arr=[1,5,3,55,4];
arr.sort();
console.log(arr);

9.翻转：reverse

let arr=[1,5,3,55,4];
arr.reverse();
console.log(arr);

10.字符串<==>数组：split,join

/* 字符串转数组 */
let names='bidd,da,hs';
let arr=names.split(',');
for(let name of arr){
    console.log(`A message to ${name}.`);
}

/* 数组转字符串 */

let str=arr.join(';')
console.log(str);

11.求和相关：reduce

/* 数组元素和加上当前值 */
let arr=[1,2,3,4,5];
let result=arr.reduce((sum,current)=>sum+current,5);
console.log(result);

12.判断是否是数组：isArray

console.log(typeof{});
console.log(typeof[]);
console.log(Array.isArray({}));
console.log(Array.isArray([]));