返回

JavaScript Array 属性、方法

前端

JavaScript 数组是一种用于存储多个值的有序集合,它可以存储任何类型的数据,包括数字、字符串、布尔值,甚至其他数组。数组使用索引来访问每个元素,索引从 0 开始。数组具有许多属性和方法,可以用于查找和更改元素,比较和合并数组,以及执行其他操作。

属性

  • length: 数组的长度,表示数组中包含的元素个数。
  • constructor: 返回创建数组的构造函数。

方法

  • push(element): 将一个或多个元素添加到数组的末尾,并返回新数组的长度。
  • pop(): 从数组的末尾删除最后一个元素,并返回该元素。
  • shift(): 从数组的开头删除第一个元素,并返回该元素。
  • unshift(element): 将一个或多个元素添加到数组的开头,并返回新数组的长度。
  • slice(start, end): 返回数组中从 start 到 end-1 索引的元素,不包括 end 索引处的元素。
  • splice(start, deleteCount, ...items): 从数组中删除从 start 索引开始的 deleteCount 个元素,并用 ...items 参数指定的元素替换它们。
  • concat(array1, array2, ...): 返回一个新数组,包含所有参数数组中的元素。
  • join(separator): 将数组中的所有元素连接成一个字符串,并用 separator 参数指定的字符串分隔它们。
  • reverse(): 反转数组中的元素顺序。
  • sort(compareFn): 使用 compareFn 函数对数组中的元素进行排序,compareFn 函数应返回一个负数、零或正数,分别表示第一个元素应该排在第二个元素之前、相同或之后。
  • indexOf(element, start): 返回数组中第一个与 element 相等元素的索引,如果数组中没有这样的元素,则返回 -1。
  • lastIndexOf(element, start): 返回数组中最后一个与 element 相等元素的索引,如果数组中没有这样的元素,则返回 -1。
  • includes(element, start): 如果数组中存在与 element 相等元素,则返回 true,否则返回 false。
  • find(predicate): 返回数组中第一个使 predicate 函数返回 true 的元素,如果没有找到这样的元素,则返回 undefined。
  • findIndex(predicate): 返回数组中第一个使 predicate 函数返回 true 的元素的索引,如果没有找到这样的元素,则返回 -1。

实例

const arr = [1, 2, 3, 4, 5];

// 将 6 添加到数组的末尾
arr.push(6);

// 从数组的开头删除第一个元素
arr.shift();

// 将 0 添加到数组的开头
arr.unshift(0);

// 删除数组中从索引 2 开始的两个元素
arr.splice(2, 2);

// 将两个数组连接成一个新数组
const newArr = arr.concat([6, 7, 8]);

// 使用逗号分隔符将数组中的元素连接成一个字符串
const str = arr.join(',');

// 反转数组中的元素顺序
arr.reverse();

// 使用比较函数对数组中的元素进行排序
arr.sort((a, b) => a - b);

// 查找数组中第一个与 3 相等元素的索引
const index = arr.indexOf(3);

// 查找数组中最后一个与 3 相等元素的索引
const lastIndex = arr.lastIndexOf(3);

// 检查数组中是否存在与 3 相等元素
const includes = arr.includes(3);

// 查找数组中第一个使 predicate 函数返回 true 的元素
const foundElement = arr.find((element) => element > 3);

// 查找数组中第一个使 predicate 函数返回 true 的元素的索引
const foundIndex = arr.findIndex((element) => element > 3);