Array方法总结（三）

Licia_dd

于 2024-03-30 14:57:43 发布

阅读量442

点赞数 9

分类专栏：前端面试题文章标签： javascript 前端

本文链接：https://blog.csdn.net/larea/article/details/137172715

版权

前端面试题专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中Array.prototype对象的几个常用方法，如浅拷贝（slice）、检查元素存在性（some）、排序（sort）、创建排序数组（toSorted）、删除/替换元素（splice）、处理数组变化（toSpliced）以及转换为字符串（toString）和替换特定元素（with）。

摘要由CSDN通过智能技术生成

Array.prototype.slice()

返回一个新的数组对象。从原数组的start和end（不包括end）索引范围内浅拷贝。

slice(start, end)

const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);

// fruits 包含 ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus 包含 ['Orange','Lemon']

Array.prototype.some()

数组中是否至少有一个元素通过了由提供的函数实现的测试。

const arr = [6, 10, 7];
const even = (element) => element % 2 === 0;
console.log(arr.some(even)); // true

Array.prototype.sort()

就地对数组的元素进行排序，并返回相同数组的引用。默认排序是将元素转换为字符串，然后按照UTF-16码元值升序排序。

const months = ['March', 'Jan', 'Feb', 'Dec'];
months.sort();
console.log(months); // ['Dec', 'Feb', 'Jan', 'March']

const array1 = [1, 30, 4, 21, 100000];
array1.sort();
console.log(array1); // [1, 100000, 21, 30, 4]

Array.prototype.toSorted()

返回一个新数组，其元素按升序排列。

const values = [1, 10, 21, 2];
const sortedValues = values.toSorted((a, b) => a - b);
console.log(sortedValues); // [1, 2, 10, 21]
console.log(values); // [1, 10, 21, 2]

Array.prototype.splice()

移除或替换已存在的元素，或添加新元素。改变原数组。返回值是一个包含了删除的元素的数组。

splice(start, deleteCount, item1)

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months); // ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
console.log(months); // // ["Jan", "Feb", "March", "April", "May"]

从索引 0 处移除 2 个元素，并插入“parrot”、“anemone”和“blue”
const myFish = ["angel", "clown", "trumpet", "sturgeon"];
const removed = myFish.splice(0, 2, "parrot", "anemone", "blue");
console.log(myFish); // ["parrot", "anemone", "blue", "trumpet", "sturgeon"]
console.log(removed); // ["angel", "clown"]

Array.prototype.toSpliced()

返回一个新数组，并在给定的索引处删除和/或替换了一些元素。

const months = ["Jan", "Mar", "Apr", "May"];

const months2 = months.toSpliced(1, 0, "Feb");
console.log(months2); // ["Jan", "Feb", "Mar", "Apr", "May"]

const months3 = months2.toSpliced(2, 2);
console.log(months3); // ["Jan", "Feb", "May"]

const months4 = months3.toSpliced(1, 1, "Feb", "Mar");
console.log(months4); // ["Jan", "Feb", "Mar", "May"]

console.log(months); // ["Jan", "Mar", "Apr", "May"]

Array.prototype.toString()

返回一个字符串，表示指定的数组及其元素。

const array1 = [1, 2, 'a', '1a'];
console.log(array1.toString()); // "1,2,a,1a"

Array.prototype.with()

返回一个新数组，其指定索引处的值会被新值替换。

arrayInstance.with(index, value)

const arr = [1, 2, 3, 4, 5];
console.log(arr.with(2, 6)); // [1, 2, 6, 4, 5]
console.log(arr); // [1, 2, 3, 4, 5]

const arr = [1, 2, 3, 4, 5];
console.log(arr.with(2, 6).map((x) => x ** 2)); // [1, 4, 36, 16, 25]