JS 新建数组

在 JavaScript 中,数组是一种可以存放多个值的数据结构。我们可以使用数组来存储和操作一组数据,比如数字、字符串、对象或者其他数组等。在本文中,我们将详细介绍如何新建数组以及一些常见的操作。
创建数组
在 JavaScript 中,有几种方法可以创建一个数组。下面是一些常用的创建数组的方式:
直接赋值方式
可以通过直接赋值的方式来创建一个数组,如下所示:
// 创建一个包含数字 1 到 5 的数组
let numbers = [1, 2, 3, 4, 5];
// 创建一个包含字符串的数组
let fruits = ["apple", "banana", "orange"];
// 创建一个包含对象的数组
let students = [
{ name: "Alice", age: 20 },
{ name: "Bob", age: 22 },
{ name: "Charlie", age: 21 }
];
使用 Array 构造函数
另一种创建数组的方式是使用 Array 构造函数,如下所示:
// 创建一个包含两个元素的数组
let arr1 = new Array(2);
console.log(arr1); // [undefined, undefined]
// 创建一个包含指定值的数组
let arr2 = new Array("apple", "banana", "orange");
console.log(arr2); // ["apple", "banana", "orange"]
// 创建一个空数组
let arr3 = new Array();
console.log(arr3); // []
使用 Array.of() 方法
ES6 中引入了 Array.of() 方法,可以用来创建一个包含指定元素的数组,不需要使用 Array 构造函数,如下所示:
let arr4 = Array.of(1, 2, 3, 4, 5);
console.log(arr4); // [1, 2, 3, 4, 5]
使用扩展运算符
还可以使用扩展运算符(…)来创建数组,如下所示:
let arr5 = [...Array(5).keys()];
console.log(arr5); // [0, 1, 2, 3, 4]
访问数组元素
一旦创建了数组,我们可以通过索引来访问数组的元素。数组的索引从 0 开始,表示数组中元素的位置。下面是一些访问数组元素的示例:
let numbers = [1, 2, 3, 4, 5];
console.log(numbers[0]); // 1
console.log(numbers[2]); // 3
console.log(numbers[numbers.length - 1]); // 5
let fruits = ["apple", "banana", "orange"];
console.log(fruits[1]); // banana
console.log(fruits[fruits.length - 1]); // orange
修改数组元素
可以通过索引来修改数组中的元素,如下所示:
let numbers = [1, 2, 3, 4, 5];
numbers[2] = 10;
console.log(numbers); // [1, 2, 10, 4, 5]
let fruits = ["apple", "banana", "orange"];
fruits[1] = "pear";
console.log(fruits); // ["apple", "pear", "orange"]
添加和删除元素
除了修改数组元素,还可以向数组中添加元素或者删除元素。下面是一些常用的方法:
添加元素
可以使用 push() 方法向数组末尾添加一个元素,如下所示:
let numbers = [1, 2, 3];
numbers.push(4);
console.log(numbers); // [1, 2, 3, 4]
let fruits = ["apple", "banana"];
fruits.push("orange");
console.log(fruits); // ["apple", "banana", "orange"]
删除元素
可以使用 pop() 方法从数组末尾删除一个元素,如下所示:
let numbers = [1, 2, 3, 4];
numbers.pop();
console.log(numbers); // [1, 2, 3]
let fruits = ["apple", "banana", "orange"];
fruits.pop();
console.log(fruits); // ["apple", "banana"]
添加和删除元素
除了 push() 和 pop() 方法,还可以使用 unshift() 和 shift() 方法在数组的开头添加和删除元素,如下所示:
let numbers = [2, 3, 4];
numbers.unshift(1);
console.log(numbers); // [1, 2, 3, 4]
numbers.shift();
console.log(numbers); // [2, 3, 4]
let fruits = ["banana", "orange"];
fruits.unshift("apple");
console.log(fruits); // ["apple", "banana", "orange"]
fruits.shift();
console.log(fruits); // ["banana", "orange"]
遍历数组
遍历数组是常见的操作,我们可以使用 for 循环、forEach() 方法或者其他迭代方法来遍历数组中的元素。下面是一些常用的遍历数组的方法:
for 循环
可以使用 for 循环来遍历数组中的元素,如下所示:
let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
// 输出结果:
// 1
// 2
// 3
// 4
// 5
forEach() 方法
可以使用 forEach() 方法来遍历数组中的元素,如下所示:
let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(num) {
console.log(num);
});
// 输出结果:
// 1
// 2
// 3
// 4
// 5
map() 方法
可以使用 map() 方法来遍历数组中的元素并返回一个新的数组,如下所示:
let numbers = [1, 2, 3, 4, 5];
let doubled = numbers.map(function(num) {
return num * 2;
});
console.log(doubled); // [2, 4, 6, 8, 10]
结语
本文介绍了如何在 JavaScript 中新建数组以及一些常见的操作。数组是一种非常有用的数据结构,可以帮助我们存储和操作一组数据。
极客笔记