获取数组中的第一个、第二个、第三个......元素

Superxpang

于 2024-01-23 17:42:11 发布

阅读量989

点赞数 20

文章标签： javascript 算法开发语言 html5 webstorm

本文链接：https://blog.csdn.net/Superxpang/article/details/135777675

版权

本文介绍了在JavaScript中，如何使用解构赋值语法，无需索引直接从数组和对象中获取第一个元素及其键值，展示了ES6的新特性应用。

摘要由CSDN通过智能技术生成

常规操作可以直接使用索引（下标）获取：

const arr = [5,8,6,9,10]
const first = arr[0]    //5
const second = arr[1]    //8
const third = arr[2]     //6

不使用索引，如何获取：

const [first] = [5,8,6,9,10]     //5
const [second] = [5,8,6,9,10]    //8
const [third] = [5,8,6,9,10]      //6
const [firstItem] = [5,8,6,9,10]    //5
const [secondData] = [5,8,6,9,10]     //8
const [thirdOne] = [5,8,6,9,10]      //6

获取对象时，同样适用：

const myObject = { id: 1, name: 'John', age: 25 };
// 获取对象的所有键名数组
const keysArray = Object.keys(myObject);
// 获取第一个键名
const [firstKey] = keysArray;
// 获取第一个键值
const firstValue = myObject[firstKey];
console.log('第一个键名:', firstKey);
console.log('第一个键值:', firstValue);

探索新知识，共同进步！