JS 操作Array数组的方法及属性实例解析

在JavaScript中，数组（Array）是一种非常常见的数据结构，它能够存储多个值，并且可以动态地添加、删除、修改元素。本文将详细讲解JavaScript中操作Array数组的方法及属性。

创建数组

在JavaScript中，可以使用[]或new Array()两种语法创建一个数组。其中，[]更为常见。

// 创建数组
const arr1 = [1, 2, 3, 4, 5];
const arr2 = new Array(6, 7, 8, 9, 10);

访问数组

在JavaScript中，可以使用下标来访问数组中的元素。数组下标从0开始，以此类推。

// 访问数组元素
console.log(arr1[0]); // 输出1
console.log(arr1[4]); // 输出5

Array数组的方法

JavaScript为数组提供了很多操作方法，下面列出常用方法并示范其使用。

push

push方法会在数组末尾添加一个元素，并返回新的数组长度。

// push方法
const arr1 = [1, 2, 3];
const length = arr1.push(4);
console.log(arr1); // 输出[1, 2, 3, 4]
console.log(length); // 输出4

pop

pop方法会删除数组末尾的一个元素，并返回该元素的值。

// pop方法
const arr1 = [1, 2, 3];
const value = arr1.pop();
console.log(arr1); // 输出[1, 2]
console.log(value); // 输出3

shift

shift方法会删除数组首位的一个元素，并返回该元素的值。

// shift方法
const arr1 = [1, 2, 3];
const value = arr1.shift();
console.log(arr1); // 输出[2, 3]
console.log(value); // 输出1

unshift

unshift方法会在数组首位添加一个元素，并返回新的数组长度。

// unshift方法
const arr1 = [1, 2, 3];
const length = arr1.unshift(0);
console.log(arr1); // 输出[0, 1, 2, 3]
console.log(length); // 输出4

splice

splice方法可以实现删除、插入和替换数组元素的操作。

// splice方法
const arr1 = [1, 2, 3, 4, 5];
// 删除从下标为2开始的2个元素，并添加两个元素
arr1.splice(2, 2, "a", "b");
console.log(arr1); // 输出[1, 2, "a", "b", 5]

slice

slice方法可以截取数组中的一段，返回一个新的数组。

// slice方法
const arr1 = [1, 2, 3, 4, 5];
// 截取下标为1到3的元素，不包括下标为3的元素
const newArr1 = arr1.slice(1, 3);
console.log(newArr1); // 输出[2, 3]

concat

concat方法可以将多个数组合并成一个新的数组。

// concat方法
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = arr1.concat(arr2);
console.log(arr3); // 输出[1, 2, 3, 4, 5, 6]

join

join方法可以将数组中的元素拼接成一个字符串。

// join方法
const arr1 = [1, 2, 3];
const str1 = arr1.join(",");
console.log(str1); // 输出"1,2,3"

数组属性

JavaScript还为数组提供了一些属性，下面列出常用属性。

length

length属性表示数组的长度。

// length属性
const arr1 = [1, 2, 3];
console.log(arr1.length); // 输出3

isArray

isArray属性可以用来判断一个变量是否为数组。

// isArray属性
const arr1 = [1, 2, 3];
console.log(Array.isArray(arr1)); // 输出true
const str1 = "abc";
console.log(Array.isArray(str1)); // 输出false

示例一：在数组中查找特定元素

const arr1 = [1, 2, 3, 4, 5];
const findNum = (arr, num) => {
  for (let i = 0; i < arr.length; i++) {
    if (arr[i] === num) {
      return i;
    }
  }
  return -1;
};
console.log(findNum(arr1, 3)); // 输出2
console.log(findNum(arr1, 6)); // 输出-1

示例二：求取平均数

const arr1 = [1, 2, 3, 4, 5];
const average = (arr) => {
  let sum = 0;
  for (let i = 0; i < arr.length; i++) {
    sum += arr[i];
  }
  return sum / arr.length;
};
console.log(average(arr1)); // 输出3

结语

以上即为JavaScript中操作Array数组的方法及属性，希望对您有所帮助。

阅读剩余 73%