JavaScript学习笔记之数组的增、删、改、查

JavaScript学习笔记之数组的增、删、改、查

数组是JavaScript中最常用的数据结构之一，它可以存储一组数据，这组数据可以是相同类型或不同类型的值。本篇笔记将详细讲解JavaScript中数组的增、删、改、查操作。

数组的创建

在JavaScript中，可以通过以下几种方式来创建数组：

1. 使用数组字面量语法

javascript
const array1 = []; // 创建空数组
const array2 = [1, 2, 3]; // 创建包含元素1、2、3的数组
const array3 = ["foo", "bar", "baz"]; // 创建包含字符串元素的数组

1. 使用Array构造函数

javascript
const array4 = new Array(); // 创建空数组
const array5 = new Array(1, 2, 3); // 创建包含元素1、2、3的数组
const array6 = new Array("foo", "bar", "baz"); // 创建包含字符串元素的数组

数组的增

在JavaScript中，可以通过以下两种方式向数组中添加元素：

1. 使用数组索引值赋值操作

javascript
const array = []; // 创建空数组
array[0] = 1; // 向数组添加一个元素，值为1
array[1] = 2; // 向数组添加一个元素，值为2
console.log(array); // 输出 [1, 2]

1. 使用Array.prototype.push()方法

javascript
const array = []; // 创建空数组
array.push(1); // 向数组末尾添加一个元素，值为1
array.push(2); // 向数组末尾添加一个元素，值为2
console.log(array); // 输出 [1, 2]

数组的删

在JavaScript中，可以通过以下几种方式删除数组中的元素：

1. 使用数组索引值删除元素

javascript
const array = ["foo", "bar", "baz"]; // 创建包含字符串元素的数组
delete array[1]; // 删除索引值为1的元素
console.log(array); // 输出 ["foo", undefined, "baz"]

1. 使用Array.prototype.pop()方法删除最后一个元素

javascript
const array = [1, 2, 3]; // 创建包含元素1、2、3的数组
array.pop(); // 删除最后一个元素，即3
console.log(array); // 输出 [1, 2]

1. 使用Array.prototype.shift()方法删除第一个元素

javascript
const array = [1, 2, 3]; // 创建包含元素1、2、3的数组
array.shift(); // 删除第一个元素，即1
console.log(array); // 输出 [2, 3]

数组的改

在JavaScript中，可以通过数组索引值赋值操作来修改数组中的元素值。

const array = ["foo", "bar", "baz"];
array[1] = "hello"; // 将索引值为1的元素值改为"hello"
console.log(array); // 输出 ["foo", "hello", "baz"]

数组的查

在JavaScript中，可以通过以下两种方式查找数组中的元素：

1. 使用数组索引值访问元素

javascript
const array = ["foo", "bar", "baz"];
console.log(array[1]); // 输出 "bar"

1. 使用Array.prototype.indexOf()方法查找元素的索引值

javascript
const array = ["foo", "bar", "baz"];
console.log(array.indexOf("bar")); // 输出 1
console.log(array.indexOf("qux")); // 输出 -1（未找到）

示例说明

示例1：利用push()方法向数组中添加元素

const array = []; // 创建空数组
array.push(1); // 向数组末尾添加一个元素，值为1
array.push(2); // 向数组末尾添加一个元素，值为2
console.log(array); // 输出 [1, 2]

在上面的示例中，我们首先创建了一个空数组，然后使用Array.prototype.push()方法向数组中添加了两个元素，分别是1和2。最后使用console.log()方法输出数组的值。

示例2：使用delete操作符删除数组中的元素

const array = ["foo", "bar", "baz"]; // 创建包含字符串元素的数组
delete array[1]; // 删除索引值为1的元素
console.log(array); // 输出 ["foo", undefined, "baz"]

在上面的示例中，我们首先创建了一个包含字符串元素的数组，然后使用delete操作符删除了数组的索引值为1的元素。最后使用console.log()方法输出数组的值。需要注意的是，使用delete操作符删除数组元素后，该元素的值并不会被删除，数组的长度也不会改变，只是该位置的值会变成undefined。