这是一个关于从数组中获取第一个元素的多种方法的简短教程
让我们来声明一个数组
数组索引总是从index=0开始,array.length返回数组的长度。这意味着array[0]返回第一个元素,array[array.length-1]返回数组的最后一个元素。
Array.length 属性返回数组的长度。
以下是多种方法,我们可以在JavaScript中检索到数组的第一个元素 对于上面给定的输入数组,Outut是数组的第一个元素是9。
使用数组索引选择元素而不改变原始数组
由于array.length ,返回其中的元素数。数组总是从零索引开始,所以第一个元素可以用下面的语法来检索。
这在所有的浏览器上都可以使用,而且方法简单。
用es6 lambda表达式查找方法获得数组的第一个元素
Array.find方法返回给定函数的第一个单一元素。
这里es6的lambda函数是用于回调函数的。
let firstElemet=array.find(element => element);
console.log(firstElemet) // 12 is returned
如何使用find 方法获得数组的第一个索引。
findIndex 方法的工作方式与 find方法类似。
let firstIndex = array.findIndex(item => item)
console.log(firstIndex) // 0 is returned
如果数组包含所有定义的值,这种方法是有效的
如何在不改变原数组的情况下选择第一个元素?
Ecmascript (ES6) array slice方法获得数组的第一个元素
array.slice 是ES6 JavaScript中的一个方法。它返回一个数组的浅层拷贝并创建一个从起始索引到结束索引的新数组。
let array=[12,1,8,9];
console.log(array.length); //4
console.log(array.slice(0,1)); // (1) [12]
console.log(array.slice(0,1)[0]); // 12
console.log(array.length); //4
使用破坏性的赋值运算符,同样可以简化如下
[firstElement] = array.slice(0,1);
console.log(firstElement); //12
用ES6举例说明数组的析构
最新的ES6提供了破坏性赋值运算符的功能,有了它,第一个元素可以很容易地被检索出来。
let [firstElememt]=array;
console.log(firstElememt);
使用反向方法获得第一个元素
这也是一个简单的方法,使用reverse() 方法反转原始数组。这将返回一个相反顺序的数组。
接下来,使用pop() 方法获取最后一个元素。
var reverseArray = array.reverse().pop;
console.log(reverseArray[0]) // 12
使用第三方JavaScript选择第一个元素
JavaScript有不同的第三方库,如UnderscoreJs,Lodash 和Ramda 。这些都是实用程序库,提供了很多可以重复使用的方法
first 函数返回一个数组的第一个元素。
Lodash 提供了 head方法,它也可以返回数组中的第一个元素。
如果你的项目已经在使用这些库,这将是非常有用的。
它是寻找第一个元素的简单而容易的方法
使用shift方法选择原始数组中的第一个元素,并进行变异。
shift 数组的方法返回第一个元素,但是原始数组被修改了。
请看一个例子,调用shift()后,原数组删除了第一个元素。
let array=[12,1,8,9];
console.log(array) // [12,1,8,9]
let firstElement=array.shift();
console.log(firstElement)// 12
console.log(array) // [1,8,9]
如果你想对原始数组进行变异,这将是非常有用的。
如何使用Object values函数获得第一个元素
Object values方法接收对象的可枚举属性并返回一个数组。
它也接受一个数组并返回同样的数组。
console.log(Object.values(array)[0]);
总结
这里指定了多种方法,总而言之,你可以采取适合你的应用的任何方法。