你可以使用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())

其他答案的问题是，许多答案不能处理数组为空或未定义的情况，而能够处理这个问题的答案要么很难读取，要么需要使用库。

我能想到的最干净的纯JavaScript方法是使用可选的链接和三元操作符:

Const first = array?长度呢?数组[0]:undefined

如果你需要支持旧的浏览器，你也可以在没有可选的链接的情况下这样做:

Const first = array && array。长度呢?数组[0]:undefined

这样做的另一个好处是，如果你需要返回一个非undefined的值(例如在React组件中返回null)，你可以很容易地更新代码来做到这一点。

如果第一个元素被删除，索引0的元素可能不存在:

Let a = ['a'， 'b'， 'c']; 删除一个[0]; 对于(令I在a中){ Console.log (i + ' ' + a[i]); ｝

更好的方法得到第一个元素没有jQuery:

函数优先(p) { For (let I in p) return p[I]; ｝ Console.log (first(['a'， 'b'， 'c']));

如果你的数组不能保证从索引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'

只有在使用underscore.js (http://underscorejs.org/)的情况下，你可以这样做:

_.first(your_array);

方法，它适用于数组，也适用于对象(注意，对象没有保证的顺序!)。

我最喜欢这个方法，因为原始数组没有被修改。

// In case of array
var arr = [];
arr[3] = 'first';
arr[7] = 'last';
var firstElement;
for(var i in arr){
    firstElement = arr[i];
    break;
}
console.log(firstElement);  // "first"

// In case of object
var obj = {
    first: 'first',
    last: 'last',
};

var firstElement;

for(var i in obj){
    firstElement = obj[i];
    break;
}

console.log(firstElement) // First;