您应该知道的所有JavaScript阵列方法
#javascript #网络开发人员 #数组 #methods

.length()
给我们阵列的长度。

let items = ["pen","paper","pencil"]

console.log(items.length);// 3  

.concat()
与字符串concat方法完全相同。

let items = ["pen","paper","pencil"];
let grocery = ["bread", "milk", "eggs"];

console.log(items.concat(grocery));

//["pen", "paper", "pencil", "bread", "milk", "eggs"]
We don not have any ‘+’ concat method for arrays

.every()
在每种方法中,数组的每个元素都必须通过函数中的条件
这里的语法是array.every(function_name)

let items = ["pen","paper","pencil"];

function isString(item){
    return typeof item === 'string';
}

console.log(items.every(isString)); // true

let items = ["pen","paper","pencil", 23];

function isString(item){
    return typeof item === 'string';
}

console.log(items.every(isString)); // false

.fill()
名称建议的填充方法将数组填充已通过的项目

let items = ["pen","paper","pencil","glue","scissors"];

console.log(items.fill("crayon", 1,3));// ["pen", "crayon", "crayon","glue","scissors"]

console.log(items.fill("crayon", 1)); // ["pen", "crayon", "crayon", "crayon", "crayon"]

console.log(items.fill("crayon")); // ["crayon", "crayon", "crayon", "crayon", "crayon"]

const arr = Array(10).fill(20);

console.log(arr); // [20, 20, 20, 20, 20, 20, 20, 20, 20, 20]

在这里,索引1最多3(不包括3)被输入的字符串填充。

.filter()
在每种方法中,我们检查数组中的每个元素是否通过特定条件。
在过滤器方法中,我们返回通过特定条件的元素。

let items = ["pen","paper","pencil","glue","scissors"];

const new_items =  items.filter((item) => item.length > 4 );

console.log(new_items); // ["paper", "pencil", "scissors"]

在上面的示例中,我们可以看到new_items返回一个数组,其中每个元素的长度大于4。

.findindex()
FindIndex只是在数组中找到元素的索引。

let items = ["pen","paper","pencil","glue","scissors"];

const new_items =  items.findIndex((item) => item === "paper" );

console.log(new_items); // 1

.flat()
平面方法用于使阵列变平。使阵列变平是什么意思?
平坦的阵列仅意味着如果您被呈现一个像So
的数组

let arr = [1,2,3,[4,5],[6,7,[8,9,10]],11,12];

console.log(arr.flat()); // [1, 2, 3, 4, 5, 6, 7, [8, 9, 10], 11, 12]

我们可以在这里观察到的一件事是,.flat()只会使一个水平深度变平。阵列[8,9,10]仍然存在于我们的输出中,因为它的2级深。
在这种情况下,我们可以做以下

let arr = [1,2,3,[4,5],[6,7,[8,9,10]],11,12];

console.log(arr.flat(2)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

当我们将数字指定为flat()内部的参数时,我们可以根据需要进行多个级别。但是,如果我们不知道阵列有多深。在这种情况下,我们可以使用递归函数来解决该问题。请参考以下参考:

let arr = [1,2,3,[4,5],[6,7,[8,9,10]],11,12];

const result = [];

function flattenArray(arr){
arr.forEach((ele) => (Array.isArray(ele) ? flattenArray(ele) : result.push(ele)));
return result;
}

console.log(flattenArray(arr)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

.foreach()
foreach()实际上通过数组中的每个对象迭代

let items = ["pen","paper","pencil","glue","scissors"];

let arr = items.forEach((item) => console.log(item)); 

//
"pen"
"paper"
"pencil"
"glue"
"scissors"

.from()
从创建阵列的浅副本。

let items = ["pen","paper","pencil","glue","scissors"];

let items2 = Array.from(items);

console.log(items2); // ["pen","paper","pencil","glue","scissors"]

这里的项目2是项目的浅副本。

console.log((items === items2)) // false

.isarray()

.isarray()用于检查是否是数组。

let items = ["pen","paper","pencil","glue","scissors"];

console.log(Array.isArray(items)); // true

.flatmap()

.faltmap()方法将完成两个任务.flat()和.map()

let arr = [1,2,3,[4],6,7,8,9,10,11,12];

console.log(arr.flatMap((e) => e * 2)); //[2, 4, 6, 8, 12, 14, 16, 18, 20, 22, 24]

如上所述,我们现在有一个扁平的数组,每个元素上的操作都完成。
请注意,flatmap()仅在其中包含一个元素的平面阵列。

.Reduce()

JavaScript中的简化方法将数组减少为单个值。

let arr = [1,2,3,4];

console.log(arr.reduce((sum, val) => {
return sum + val
})); // 10

这里redain()取两个参数和val。 Val是阵列的每个值,然后在卷曲括号内部产生操作。后来它将其存储为总结。

.includes()

.includes()检查数组中是否存在元素。

let arr = [1,2,3,4];

console.log(arr.includes(2)); // true

.reverse()

.reverse()方法用于逆转数组

let arr = [1,2,3,4];

console.log(arr.reverse()); // [4,3,2,1]

.some();

.some()与.every()
相反 如果某些条件(至少1个)返回该条件,则返回为真。

let arr = [1,2,3,4];

let result = arr.some((e) => (typeof e === "number"));

console.log(result); // true

.sort()

.sort()用于对数组进行排序。它突变了原始数组。

let arr = [12,5,1,6,4];

arr.sort((a,b) => {return a - b });

console.log(arr); //[1, 4, 5, 6, 12]

.splice()

splice()方法用于删除和替换数组元素。

splice()的语法为array.splice(startIndex,#ofItemsToDelete, item1, item2, item3);

let arr = [1,2,3,4];
const deletedItems = arr.splice(0,2,5,6,7);
console.log(deletedItems); //[1, 2]
console.log(arr); //[5, 6, 7, 3, 4]

在这里开始索引为0,我们正在删除2个项目,并用5,6,7和8替换。
我们得到已删除的项目数组,如前所述,我们得到了突变的数组。

关注Geo Mukkath以学习普通英语的高级JavaScript。