javascript的数组和常用函数详解

下面我将为大家详细讲解“JavaScript的数组和常用函数”：

JavaScript数组基础知识

JavaScript数组是一种可以存储多个值的变量类型，可以存储数字、字符串、布尔值等等各种类型的值。数组是由一个方括号围成的有序列表，在方括号中每个元素之间用逗号分隔。

例如，下面是一个由数字组成的数组：

let myArray = [1, 2, 3, 4, 5];

常用数组操作

访问数组元素

我们可以通过数组下标访问数组中的元素，数组下标从0开始，例如：

let myArray = [1, 2, 3, 4, 5];
console.log(myArray[2]); // 输出3

添加元素到数组中

我们可以使用push()函数向数组末尾添加一个新元素，例如：

let myArray = [1, 2, 3, 4, 5];
myArray.push(6);
console.log(myArray); // 输出[1, 2, 3, 4, 5, 6]

删除数组元素

我们可以使用pop()函数删除数组中的最后一个元素，例如：

let myArray = [1, 2, 3, 4, 5];
myArray.pop();
console.log(myArray); // 输出[1, 2, 3, 4]

数组长度

我们可以使用length属性获取数组的长度，例如：

let myArray = [1, 2, 3, 4, 5];
console.log(myArray.length); // 输出5

常用数组函数

forEach()

forEach()函数用于遍历数组中的每一个元素，并对每一个元素执行指定的回调函数。

例如，下面的代码遍历myArray数组中的每一个元素，并将其平方：

let myArray = [1, 2, 3, 4, 5];
myArray.forEach(function(item) {
  console.log(item * item);
});

map()

map()函数用于遍历数组中的每一个元素，并创建一个新数组，新数组的每个元素是原数组经过指定的函数处理后的结果。

例如，下面的代码创建了一个新数组，每个元素是原数组中对应元素的平方：

let myArray = [1, 2, 3, 4, 5];
let newArray = myArray.map(function(item) {
  return item * item;
});
console.log(newArray); // 输出[1, 4, 9, 16, 25]

filter()

filter()函数用于遍历数组中的每一个元素，并创建一个新数组，新数组包含所有符合指定条件的元素。

例如，下面的代码创建了一个新数组，包含原数组中所有大于2的元素：

let myArray = [1, 2, 3, 4, 5];
let newArray = myArray.filter(function(item) {
  return item > 2;
});
console.log(newArray); // 输出[3, 4, 5]

示例说明

示例1：使用forEach()函数遍历数组

假设我们有一个由数字组成的数组，我们想要遍历这个数组并输出每个元素的平方。可以使用如下的代码：

let myArray = [1, 2, 3, 4, 5];
myArray.forEach(function(item) {
  console.log(item * item);
});

示例2：使用map()函数创建新数组

假设我们有一个由数字组成的数组，我们想要创建一个新数组，新数组中的元素是原数组中的元素都加上10。可以使用如下的代码：

let myArray = [1, 2, 3, 4, 5];
let newArray = myArray.map(function(item) {
  return item + 10;
});
console.log(newArray); // 输出[11, 12, 13, 14, 15]

以上就是“JavaScript的数组和常用函数”的完整攻略。