如何从这样的数组中获取第一个元素:

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];

我试了一下:

alert($(ary).first());

但它会返回[object object]。所以我需要从数组中获取第一个元素它应该是元素first。


当前回答

像这样

alert(ary[0])

其他回答

你可以使用find():

const first = array.find(Boolean)

或者如果你想要第一个元素,即使它是假的:

const first = array.find(() => true)

或者如果你想要第一个元素,即使它是假的,但如果它是空的或未定义的(更多信息):

const first = array.find(e => typeof e !== 'undefined')



加倍努力:

如果你关心可读性,但不想依赖于数值,你可以向Array添加一个first()函数。通过Object .define Property()来定义它,这减轻了直接修改内置Array对象原型的缺陷(在这里解释)。

性能非常好(find()在第一个元素之后停止),但它不是完美的或普遍可访问的(仅ES6)。更多背景信息请阅读@Selays的回答。

Object.defineProperty(Array.prototype, 'first', {
  value() {
    return this.find(e => true)     // or this.find(Boolean)
  }
})

要检索第一个元素,你现在可以这样做:

const array = ['a', 'b', 'c']
array.first()

> 'a'

片段以查看它的运行情况:

Object.defineProperty(Array.prototype, 'first', { 值(){ 返回this.find(布尔) } }) Console.log (['a', 'b', 'c'].first())

以下是针对不同情况的一些方法。

在大多数正常情况下,访问第一个元素的最简单方法是通过

yourArray[0]

但这需要检查[0]是否实际存在。

另一个常用的方法是shift(),但是应该避免为了访问第一个元素而使用它。

这个方法修改原始数组(删除第一项并返回它),但重新索引数组中剩下的内容,使其从0开始(将所有内容向下移动)。因此,数组的长度减少了1。 在一些良好的情况下,您可能需要这样做,例如,获取队列中等待的第一个客户,但是将它用于访问第一个元素的目的是非常低效的。

此外,这需要一个完整的[0]索引指针的完美数组,就像使用[0];

yourArray.shift()

需要知道的重要一点是,只有当数组以[0]索引开始时,上面两个选项才是一个选项。

有些情况下,第一个元素已经被删除,例如使用delete yourArray[0],让数组留下“孔”。现在[0]处的元素是未定义的,但是您想获取第一个“现有”元素。我在现实世界中见过很多这样的例子。

所以,假设我们不知道数组和第一个键(或者我们知道有洞),我们仍然可以得到第一个元素。

可以使用find()获取第一个元素。

find()的优点是它的效率,因为当到达满足条件的第一个值时,它会退出循环(下面会详细介绍)。 (您也可以自定义条件以排除null或其他空值)

var firstItem = yourArray.find(x=>x!==undefined);

我还想在这里包含filter()作为一个选项,以首先“修复”副本中的数组,然后在保持原始数组完整(未修改)的情况下获取第一个元素。

这里包含filter()的另一个原因是它在find()之前就存在了,许多程序员已经在使用它(它是ES5而find()是ES6)。

var firstItem = yourArray.filter(x => typeof x!==undefined).shift();

警告filter()并不是真正有效的方法(filter()会遍历所有元素)并创建另一个数组。在小型数组上使用它是可以的,因为性能影响很小,例如,更接近于使用forEach()。

我在一些项目中看到的另一个方法是splice()来获取数组中的第一项,然后通过索引获取它:

var firstItem = yourArray.splice(0, 1)[0];

我不明白你为什么要那样做。这种方法不能解决数组(稀疏数组)中有洞的问题。它的代价很高,因为它将重新索引数组,并返回一个必须再次访问以获取值的数组。例如,如果删除了前两个元素,那么splice()将返回未定义的值,而不是数组中第一个定义的值。

find()和filter()都保证了元素的顺序,因此可以像上面那样安全地使用。

**(我看到有些人建议使用循环来获取第一个元素,但我不建议使用这种方法。显然,你可以使用任何循环从数组中获取值,但为什么要这么做呢? 可读性,优化,不必要的代码块等。使用本机函数时,浏览器可以更好地优化代码。它甚至可能不适用于某些不能保证迭代顺序的循环。

顺便说一下,forEach()并没有像许多人建议的那样解决这个问题,因为您无法破坏它,而且它将遍历所有元素。使用简单的for循环和检查键/值会更好,但为什么呢?**

当数组下标从0开始时,前面的示例工作得很好。thomax的答案并不依赖于从0开始的索引,而是依赖于我没有访问权限的Array.prototype.find。下面的解决方案使用jQuery $。对我来说,每一种都很有效。

let haystack = {100: 'first', 150: 'second'},
    found = null;

$.each(haystack, function( index, value ) {
    found = value;  // Save the first array element for later.
    return false;  // Immediately stop the $.each loop after the first array element.
});

console.log(found); // Prints 'first'.

使用ES6解构

let [first] = [1,2,3];

哪个是一样的

let first = [1,2,3][0];

你也可以使用.get(0):

alert($(ary).first().get(0));

来获取数组的第一个元素。