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

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

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

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

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

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

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

var ary = ["first", "second", "third", "fourth", "fifth"];
console.log(ary.shift());
//first
cosnole.log(ary);
// ["second", "third", "fourth", "fifth"]

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

像这样

alert(ary[0])

使用ES6解构

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

哪个是一样的

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