如何获得数组的第一个元素?

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

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

我试了一下:

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

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

当前回答

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

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

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

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

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

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

其他回答

像这样

alert(ary[0])

尝试警报（ary[0]）;。

如果你将一个视图函数链接到数组，例如。

阵列。地图(i => i+1)。过滤器(i => i > 3)

想要在这些函数之后的第一个元素，你可以简单地添加。shift()它不会修改原始数组，这比数组更好。映射(i => i+1)。过滤器(=> I > 3)[0]

如果你想要一个数组的第一个元素而不修改原始元素，你可以使用array[0]或array.map(n=>n).shift()(没有映射，你将修改原始元素。顺便说一句，在这种情况下，我建议…[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())

使用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);

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

推荐文章