JS中数组Array的用法示例介绍

下面是JS中数组Array的用法示例介绍的完整攻略。

数组定义与初始化

数组定义了一系列变量，可以通过一个变量名获取其中任意一个变量的值。在 JavaScript 中，可以使用以下方式来定义和初始化一个数组：

let array = [1, 2, 3, 4, 5]; // 数组里有5个数字
let emptyArray = []; // 定义空数组

数组的基本用法

数组是一种集成了多个元素的数据结构，我们可以用数组下标来访问数组中的元素。JavaScript 的数组下标从0开始。

访问数组元素

访问数组元素可以通过索引，例如，要访问数组array中的第二个元素，需要使用 array[1]。

let array = ['a', 'b', 'c', 'd', 'e'];
console.log(array[1]); // 打印 b

修改数组元素

通过下标修改数组元素的值。

let array = ['a', 'b', 'c', 'd', 'e'];
array[1] = 'z';
console.log(array); // 打印 ['a', 'z', 'c', 'd', 'e']

数组遍历

数组遍历可以通过 for 或 forEach 来实现。

let array = ['a', 'b', 'c', 'd', 'e'];
for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}
// 或者
array.forEach(function(item) {
    console.log(item);
});

数组的方法

JavaScript 提供了很多有用的数组方法，如下：

push() 和 pop()

添加和删除数组末尾的元素。

let array = ['a', 'b', 'c'];
array.push('d'); // 添加 'd'
console.log(array); // 打印 ['a', 'b', 'c', 'd']
array.pop(); // 删除末尾元素
console.log(array); // 打印 ['a', 'b', 'c']

shift() 和 unshift()

添加和删除数组开头的元素。

let array = ['a', 'b', 'c'];
array.unshift('z'); // 添加 'z'
console.log(array); // 打印 ['z', 'a', 'b', 'c']
array.shift(); // 删除开头元素
console.log(array); // 打印 ['a', 'b', 'c']

concat()

将一个或多个数组连接起来，形成一个新的数组。

let array1 = ['a', 'b'];
let array2 = ['c', 'd'];
let newArray = array1.concat(array2);
console.log(newArray); // 打印 ['a', 'b', 'c', 'd']

join()

把数组中的所有元素连接成一个字符串。

let array = ['a', 'b', 'c'];
let str = array.join('.');
console.log(str); // 打印 a.b.c

slice()

从原数组中选取一个子数组。

let array = ['a', 'b', 'c', 'd', 'e'];
let subArray = array.slice(1, 3); // 从索引1的位置开始，选取两个元素
console.log(subArray); // 打印 ['b', 'c']

forEach()

遍历数组中的每个元素。

let array = ['a', 'b', 'c'];
array.forEach(function(item) {
    console.log(item);
});

filter()

获取数组中符合条件的所有元素。

let array = [1, 2, 3, 4, 5];
let newArray = array.filter(function(item) {
    return item > 2; // 返回大于2的元素
});
console.log(newArray); // 打印 [3, 4, 5]

map()

将数组中的每个元素通过某种方式进行转换。

let array = [1, 2, 3];
let newArray = array.map(function(item) {
    return item * item; // 将每个元素平方
});
console.log(newArray); // 打印 [1, 4, 9]

reduce()

将数组中的所有元素累加或累乘。

let array = [1, 2, 3, 4, 5];
let sum = array.reduce(function(prev, cur) {
    return prev + cur; // 将元素累加
});
console.log(sum); // 打印 15

以上就是JS中数组Array的用法示例介绍的完整攻略，希望对你有所帮助。