Array 具有的四个新方法

write() 方法

在以前我们会经常遇到提交数据的时候不能在原有数组的基础上修改数据的需求,所以我们会首先复制一份数组出来,然后进行修改,具体的实例如下:

// 以前复制数组
const oldArray = [1, 2, 3];
const newArray = [...oldArray];

newArray[2] = 3;
console.log(oldArray);
console.log(newArray);

但是现在我们可以使用 with 方法进行数组复制并可以修改里面的元素,语法上都是比较简单的,具体实例如下:

// 使用 with 方法进行数组复制
const oldArray1 = [1, 2, 3];
const newArray1 = oldArray1.with(2, "4");

console.log(oldArray1);
console.log(newArray1);

toSorted() 和 toReversed() 方法

toSorted() 方法和 toReversed() 方法都是用于排序的方法,toSorted() 方法是升序,而 toReversed() 方法是降序排列。并且他们都会返回一个全新的数组。具体实例如下:

const oldArray = [1, 2, 3, 4, 5, 6, 7];
const newArray1 = oldArray.toSorted(); // 升序
const newArray2 = oldArray.toReversed(); // 降序

console.log(newArray1);
console.log(newArray2);

toSpliced() 方法

toSpliced() 方法主要是类似于 splice() 方法一样,只是此方法执行完成后会返回一个全新的数组。主要是用于切割和添加新元素。具体实例如下:

const oldArray = [1, 2, 3, 4, 5, 6];
const newArray = oldArray.toSpliced(0, 2, 9);

console.log(oldArray);
console.log(newArray);

你可能感兴趣的:(JavaScript,前端,javascript)