数组的声明与常用方法

JavaScript 数组的声明与常用方法

在 JavaScript 中，数组是一种用来存储多个值的有序集合。本文将介绍如何声明数组以及常用的数组方法，并提供相应的示例。

1.数组的声明

JavaScript 中可以使用两种方式声明数组：使用数组字面量和使用 Array 构造函数。

• 使用数组字面量声明数组

let fruits = ["apple", "banana", "orange"];

上述代码使用数组字面量的方式声明了一个 fruits 数组，并将一些水果作为元素存储在其中。

• 使用 Array 构造函数声明数组

let numbers = new Array(1, 2, 3, 4, 5);

上述代码使用 Array 构造函数声明了一个 numbers 数组，并将一些数字作为元素存储在其中。

2.数组的常用方法

JavaScript 提供了许多数组方法，用于操作、修改和遍历数组。下面列举一些常用的数组方法示例。

修改数组

• push()：在数组末尾添加一个或多个元素，并返回修改后数组的长度。

  let animals = ["cat", "dog"];
  
  animals.push("elephant", "lion");
  
  // animals: ["cat", "dog", "elephant", "lion"]

• pop()：删除数组的最后一个元素，并返回删除的元素。

  let numbers = [1, 2, 3];
  
  let lastNumber = numbers.pop();
  
  // numbers: [1, 2], lastNumber: 3

• unshift()：在数组开头添加一个或多个元素，并返回修改后数组的长度。

  let colors = ["red", "blue"];
  
  colors.unshift("yellow", "green");
  
  // colors: ["yellow", "green", "red", "blue"]

• shift()：删除数组的第一个元素，并返回删除的元素。

  let days = ["Monday", "Tuesday", "Wednesday"];
  
  let firstDay = days.shift();
  
  // days: ["Tuesday", "Wednesday"], firstDay: "Monday"

数组的遍历

• forEach()：对数组中的每个元素执行指定的函数。

  let numbers = [1, 2, 3, 4, 5];
  
  numbers.forEach(function(element) {
  
    console.log(element * 2);
    
  });
  
  // 输出: 2 4 6 8 10

• map()：对数组中的每个元素应用指定的函数，并返回一个新数组。

  let numbers = [1, 2, 3, 4, 5];
  
  let doubledNumbers = numbers.map(function(element) {
  
    return element * 2;
    
  });
  
  // numbers: [1, 2, 3, 4, 5], doubledNumbers: [2, 4, 6, 8, 10]

• filter()：创建一个新数组，其中包含通过指定函数测试的所有元素。 javascript

  let numbers = [1, 2, 3, 4, 5];
  
  let evenNumbers = numbers.filter(function(element) {
  
    return element % 2 === 0;
    
  });
  // numbers: [1, 2, 3, 4, 5], evenNumbers: [2, 4]

其他常用方法

• concat()：将两个或多个数组合并成一个新数组。

  let arr1 = [1, 2, 3];
  
  let arr2 = [4, 5, 6];
  
  let mergedArray = arr1.concat(arr2);
  
  // mergedArray: [1, 2, 3, 4, 5, 6]

• slice()：返回数组的指定部分（浅拷贝）。

  let letters = ["a", "b", "c", "d", "e"];
  
  let slicedLetters = letters.slice(1, 4);
  
  // letters: ["a", "b", "c", "d", "e"], slicedLetters: ["b", "c", "d"]

• indexOf()：返回指定元素在数组中首次出现的索引，如果不存在则返回 -1。

  let fruits = ["apple", "banana", "orange"];
  
  let index = fruits.indexOf("banana");
  
  // index: 1

以上只是数组方法的一部分，还有许多其他方法可以用来操作和处理数组。