当前位置：首页 > news >正文

Javascript 数组

news 来源：原创 2025/6/18 11:41:06

4.1 数组的基本操作

定义
- 数组是一种列表对象，它的原型中提供了遍历和修改元素的相关操作，Javascript数组的长度和元素类型都是非固定的。
通俗解释：把数据一股脑的放在一起就是一个数组

声明方式

// 字面量形式
var list = [1, 2, true, 'str']

// 构造函数声明
var list2 = new Array(1, 2, true, 'str')

访问数组的元素

// 通过索引（下标）
var list = [1, 2, 3]
console.log(list[0])	// 1

// 通过length获取数组长度
var list = [1, 2, 3]
console.log(list.length)	// 3

4.2 操作数组的基本方法

数组操作

增

// 通过索引方式增，中间漏的位置设置为empty
var list = [1, 2, 3, 4]
list[5] = 6		
console.log(list)

在这里插入图片描述

// push 数组后面插入一条数据
var list = [1, 2, 3, 4];
list.push(5);
console.log(list);

在这里插入图片描述

// unshift 数组的第一位插入一条数据
var list = [1, 2, 3, 4];
list.unshift(0);
console.log(list);

在这里插入图片描述

删

// pop 删除数组中最后一个元素
var list = [1, 2, 3, 4];
list.pop();
console.log(list);

在这里插入图片描述

// shift 删除数组当中第一个元素
var list = [1, 2, 3, 4];
list.shift();
console.log(list);

在这里插入图片描述

改

var list = [1, 2, 3, 4];
list[2] = 33;
console.log(list);

在这里插入图片描述

查

var list = [1, 2, 3, 4];
console.log(list[1]);	// 2

4.3 数组的进阶操作方法

splice

用于删除或替换元素
函数有返回值，返回的是被删除的元素
这个方法还会改变原来的数组

总的来说，splice方法将原来的数组修改为被删除元素的数组

// 第一个参数是控制从第几位（包含）开始删除或者替换（得看第三个参数有没有值）
// 第二个参数控制删除的数量
// 第三个参数将删除了的元素替换掉，可用逗号隔开
var list = [1, 2, 3, 4];
list.splice(0);		// 只有一个参数且是0，说明什么也不删，返回一个空数组
console.log(list);

在这里插入图片描述

使用场景
- 替换数组中的元素
- 删除数组的一部分内容
- 清空数组的作用

join
- 将数组类型的数据转换成 字符串
- 和toString的区别可以自定义元素之间的符号
```
var list = [1, 2, 3]
console.log(list.join('*'))		// 1*2*3
```
concat
- 用于连接两个或多个数组
- 不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值
```
var a = [1, 2];
var b = [3, 4];
var ab = a.concat(b);
console.log(ab)
```