返回
JavaScript Array 属性、方法
前端
2023-12-06 19:59:00
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);