JS 新建数组

JS 新建数组

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 中新建数组以及一些常见的操作。数组是一种非常有用的数据结构,可以帮助我们存储和操作一组数据。

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程