es6 数组——迹忆客-ag捕鱼王app官网

成功执行上述代码后会显示以下输出。

mary 
tom 
jack 
jill

array 方法

以下是 array 对象的方法列表及其说明。

es6 array 方法

以下是 es6 中引入的一些新的数组方法。

array.prototype.find

find 允许我们遍历数组并取回导致给定回调函数返回 true 的第一个元素。 一旦找到一个元素，该函数立即返回。 这是获取第一个符合给定条件的项目的有效方法。

var numbers = [1, 2, 3]; 
var oddnumber = numbers.find((x) => x % 2 == 1); 
console.log(oddnumber); // 1

成功执行上述代码后会显示以下输出。

1

注意 - es5 filter() 和 es6 find() 不是同义词。 filter 总是返回一个匹配项数组（并且会返回多个匹配项），find 总是返回实际的元素。

array.prototype.findindex

findindex 的行为类似于 find，但它不返回匹配的元素，而是返回该元素的索引。

var numbers = [1, 2, 3]; 
var oddnumber = numbers.findindex((x) => x % 2 == 1); 
console.log(oddnumber); // 0 

上面的示例将返回值 1 (0) 的索引作为输出。

0

array.prototype.entries

entries 是一个返回数组迭代器的函数，该迭代器可用于循环遍历数组的键和值。 条目将返回一个数组数组，其中每个子数组都是 [index, value] 的数组。

var numbers = [1, 2, 3]; 
var val = numbers.entries(); 
console.log(val.next().value);  
console.log(val.next().value);  
console.log(val.next().value);

成功执行上述代码后会显示以下输出。

[0,1] 
[1.2] 
[2,3]

或者，我们也可以使用展开运算符一次性取回条目数组。

var numbers = [1, 2, 3]; 
var val= numbers.entries(); 
console.log([...val]);

成功执行上述代码后会显示以下输出。

[[0,1],[1,2],[2,3]]

array.from

array.from() 允许从类似对象的数组创建新数组。 array.from() 的基本功能是将两种值转换为数组 -

• 类似数组的值。
• 可迭代的值，如 set 和 map。

"use strict" 
for (let i of array.from('hello')) { 
   console.log(i) 
}

成功执行上述代码后会显示以下输出。

h
e
l
l
o

array.prototype.keys()

此函数返回数组索引。

console.log(array.from(['a', 'b'].keys()))

成功执行上述代码后会显示以下输出。

[ 0, 1 ] 

使用 for...in 循环遍历数组

可以使用 for...in 循环来遍历数组。

"use strict" 
var nums = [1001,1002,1003,1004] 
for(let j in nums) { 
   console.log(nums[j]) 
}

该循环执行基于索引的数组遍历。 成功执行上述代码后会显示以下输出。

1001 
1002 
1003 
1004

javascript 中的数组

javascript 支持以下关于数组的概念

数组解构

解构是指将数组或对象中的单个值提取到不同的变量中。 考虑需要将数组的值分配给各个变量的场景。 下面给出了这样做的传统方法

var a= array1[0]
var b= array1[1]
var c= array1[2]

解构有助于以简洁的方式实现同样的目标。

语法

//destructuring an array
let [variable1,variable2]=[item1,item2]
//destructuring an object
let {property1,property2} = {property1:value1,property2:value2}

示例

let names = ['mohtashim','kannan','kiran']
let [n1,n2,n3] = names;
console.log(n1)
console.log(n2)
console.log(n3);
//rest operator with array destructuring
let locations=['mumbai','hyderabad','chennai']
let [l1,...othervalues] =locations
console.log(l1)
console.log(othervalues)
//variables already declared
let name1,name2;
[name1,name2] =names
console.log(name1)
console.log(name2)
//swapping
let first=10,second=20;
[second,first] = [first,second]
console.log("second is ",second) //10
console.log("first is ",first) //20

上述代码的输出如下所示

mohtashim
kannan
kiran
mumbai
["hyderabad", "chennai"]
mohtashim
kannan
second is 10
first is 20