js数组常见操作方法介绍

红太狼 2020-06-06 18:53 827阅读 0赞

# js数组常见操作方法介绍

数组及操作方法

数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。

定义数组的方法

```javascript
//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建
var aList2 = [1,2,3,'asd'];
```

操作数组中数据的方法

1、获取数组的长度：aList.length;

```javascript
var aList = [1,2,3,4];
alert(aList.length); // 弹出4
```

2、用下标操作数组的某个数据：aList[0];

```javascript
var aList = [1,2,3,4];
alert(aList[0]); // 弹出1
```

3、join() 将数组成员通过一个分隔符合并成字符串

```javascript
var aList = [1,2,3,4];
alert(aList.join('-')); // 弹出 1-2-3-4
```

4、push() 和 pop() 从数组最后增加成员或删除成员

```javascript
var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4
```

5、unshift()和 shift() 从数组前面增加成员或删除成员

```javascript
var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4
```

6、reverse() 将数组反转

```javascript
var aList = [1,2,3,4];
aList.reverse();
alert(aList); // 弹出4,3,2,1
```

7、indexOf() 返回数组中元素第一次出现的索引值

```javascript
var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));
```

8、splice() 在数组中增加或删除成员

```javascript
var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4
```

多维数组

多维数组指的是数组的成员也是数组的数组。

```javascript
var aList = [[1,2,3],['a','b','c']];
alert(aList[0][1]); //弹出2;
```

发表评论取消回复

表情：

评论列表（有 0 条评论，827人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 数组操作

数组的遍历 for：普通版：for(let i=0; i<arr.length; i++) \{ \} 优化版：for(let i=0,len=arr.length;

本是古典何须时尚/ 2022年11月08日 15:28/ 0 赞/ 178 阅读

相关 js数组操作

1）检测数组 Array.isArray()方法，这个方法目的是最终确定某个值到底是不是数组 if（Array.isArray(value)）\{ //对数组执行

系统管理员/ 2022年09月26日 13:54/ 0 赞/ 181 阅读

相关 js 数组操作

[js数组的操作][js] 用 js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目，用到数组的地方

Love The Way You Lie/ 2022年09月24日 01:24/ 0 赞/ 195 阅读

相关 js数组操作

1. 数组元素去除重复? 方案一： var arr=[1,2,3,'4','3',5,2]; var result=unique( arr);

今天药忘吃喽~/ 2022年08月05日 11:27/ 0 赞/ 223 阅读

相关 JS数组常见的方法

//改变原数组 var arr = \[\]; arr.push(10,123,456);//在数组的最后以为添加数据，

左手的ㄟ右手/ 2022年03月12日 13:38/ 0 赞/ 249 阅读

相关 js数组操作

1、数组的创建 ![在这里插入图片描述][20190318160931208.png] 2、Array 对象属性 ![在这里插入图片描述][201903181609

秒速五厘米/ 2022年03月06日 09:08/ 0 赞/ 242 阅读

相关 js数组操作

数组的创建 var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array(\[size\]);　//创建一

叁歲伎倆/ 2022年02月01日 13:53/ 0 赞/ 295 阅读

相关 js 数组操作方法（ES6）

1.`Array`数组的方法 Mutator方法————"突变方法"会改变数组自身的值； Accessor方法————"访问方法"不会改变数组自身的

桃扇骨/ 2022年01月28日 08:29/ 0 赞/ 424 阅读

相关 JS数组操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS数

系统管理员/ 2021年12月12日 15:13/ 0 赞/ 310 阅读

相关 js数组常见操作方法介绍

js数组常见操作方法介绍数组及操作方法数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。定义数组的方法

红太狼/ 2020年06月06日 18:53/ 0 赞/ 828 阅读