📜  js 新集合中的新数组 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:23.506000             🧑  作者: Mango

JS新集合中的新数组 - Javascript

在JavaScript的新集合中,新数组是一种强大而又有用的数据类型。新数组是一个元素的集合,可以包含任何类型的数据,如整数、字符串、对象或其他数组。它还提供了一系列有用的方法,用于对数据进行操作和转换。

创建新数组

可以使用以下方式创建新数组:

// 使用数组字面量
const myArray = [1, 2, 3];

// 使用Array构造函数
const myArray2 = new Array();
const myArray3 = new Array(1, 2, 3);
访问数组的元素

可以使用索引值访问数组的元素,例如:

const myArray = ['apple', 'orange', 'banana'];

console.log(myArray[0]); // 输出 'apple'
console.log(myArray[1]); // 输出 'orange'
console.log(myArray[2]); // 输出 'banana'
修改数组的元素

可以使用索引值来修改数组的元素,例如:

const myArray = ['apple', 'orange', 'banana'];

myArray[1] = 'pear';

console.log(myArray); // 输出 ['apple', 'pear', 'banana']
添加新元素

可以使用以下方法将新元素添加到数组中:

push()方法

将一个或多个元素添加到数组的末尾。

const myArray = ['apple', 'orange', 'banana'];

myArray.push('pear');

console.log(myArray); // 输出 ['apple', 'orange', 'banana', 'pear']
unshift()方法

将一个或多个元素添加到数组的开头。

const myArray = ['apple', 'orange', 'banana'];

myArray.unshift('pear');

console.log(myArray); // 输出 ['pear', 'apple', 'orange', 'banana']
删除元素

可以使用以下方法删除数组中的元素:

pop()方法

从数组末尾删除一个元素。

const myArray = ['apple', 'orange', 'banana'];

myArray.pop();

console.log(myArray); // 输出 ['apple', 'orange']
shift()方法

从数组开头删除一个元素。

const myArray = ['apple', 'orange', 'banana'];

myArray.shift();

console.log(myArray); // 输出 ['orange', 'banana']
splice()方法

从数组中删除一个或多个元素,并可以添加新元素。

const myArray = ['apple', 'orange', 'banana'];

myArray.splice(1, 1, 'pear');

console.log(myArray); // 输出 ['apple', 'pear', 'banana']
数组的迭代

可以使用以下方法迭代数组中的元素:

forEach()方法
const myArray = ['apple', 'orange', 'banana'];

myArray.forEach(function(element) {
  console.log(element);
});
// 输出:
// 'apple'
// 'orange'
// 'banana'
map()方法
const myArray = [1, 2, 3];

const newArray = myArray.map(function(element) {
  return element * 2;
});

console.log(newArray); // 输出 [2, 4, 6]
总结

新数组是JavaScript中强大而又有用的数据类型,可以包含任何类型的数据,并提供了一系列有用的方法,可以对数据进行操作和转换。学习如何创建、访问、修改、添加和删除数组的元素,以及如何迭代数组中的元素,可以使我们更加熟练地使用JavaScript数组。