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

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

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

我试了一下:

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

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

当前回答

另一个是给那些只关心真相的人的

ary.find(Boolean);

其他回答

@thomax的答案很好，但如果数组中的第一个元素为false或false-y(0，空字符串等)，则会失败。除了undefined，最好返回true:

const arr = [];
arr[1] = '';
arr[2] = 'foo';

const first = arr.find((v) => { return (typeof v !== 'undefined'); });
console.log(first); // ''

为什么要对一个普通JavaScript数组进行jquery化?使用标准JavaScript!

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];
alert(ary[0]);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array

同时,

来源:bobince提供

ES6 简单：

let a = []
a[7] = 'A'
a[10] = 'B'

let firstValue = a.find(v => v)
let firstIndex = a.findIndex(v => v)

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

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

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

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

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

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

在ES2015及以上版本中，使用数组解构:

Const arr = [42, 555, 666, 777] Const [first] = arr console.log(第一个)

推荐文章