array.find(e => !!e);  // return the first element 

因为"find"返回第一个匹配过滤器的元素&& !!E匹配任何元素。

注意:只有当第一个元素不是“Falsy”时才有效:null, false, NaN， ""， 0, undefined

使用ES6。

let arr = [22,1,4,55,7,8,9,3,2,4];

let {0 : first ,[arr.length - 1] : last} = arr;
console.log(first, last);

or

let {0 : first ,length : l, [l - 1] : last} = [22,1,4,55,7,8,9,3,2,4];
console.log(first, last);

当数组下标从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'.

一个香草的JS代码，没有jQuery，没有库，没有什么..: P . .如果数组下标不是从0开始，它也会工作。

var必要=['第一次','第二','第三',' 4 ',' 5 ']; console.log (Object.values(必要)[0]);

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

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

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填充，你可以使用array .prototype.find():

var elements = []
elements[1] = 'foo'
elements[2] = 'bar'

var first = function(element) { return !!element }    
var gotcha = elements.find(first)

console.log(a[0]) // undefined
console.log(gotcha) // 'foo'