转载请注明出处,保留原文链接以及作者信息

ES6 有很多新特性,它很大程度上提升了 JavaScript 的编程体验,并且也告诉外界,JavaScript 依旧强势。

其中一个新特性是其对数组和对象的解构,通过解构方法从数组和对象中提取数据变得非常简单和方便。接下来看一下它是如何做到的,我们从数组开始讲起。

从数组中提取数据

假设你有如下的数组,里面是几个人的名字:

const names = ["Luke", "Eva", "Phil"];

接下来,使用解构从里面提取数据。

从数组中取元素

首先从最基本的开始——提取数组中第一个元素。

const [first] = names;

console.log(first); // "Luke"

ok,下面分析一下这个语法都做了什么。把一个变量用中括号括起来,表示我们想要取得 names 数组中的第一个元素,并且把它分配给指定的变量,本例中即变量 first。

那么现在想要提取几个元素,比如第一个和第二个怎么办呢?很简单,在中括号中添加变量就可以。这样会从数组中顺序提取几个元素分配给指定的变量。

const [first, second] = names;

console.log(first, second); // "Luke" "Eva"

元素缺失时的默认值

以上面的数组为例,如果我们要取 4 个值,而数组中只有 3 个值会发生什么呢࿱

es6 取数组的第一个和最后一个_ES6:解构——JavaScript 从数组和对象中提取数据的优雅方法...相关推荐

  1. es6数组里面获取某个值对_ES6:解构——JavaScript 从数组和对象中提取数据的文雅要领...

    转载请说明出处,保存原文链接以及作者信息 ES6 有许多新特征,它很大程度上提升了 JavaScript 的编程体验,而且也通知外界,JavaScript 照旧强势. 个中一个新特征是其对数组和对象的 ...

  2. JS(解构) 之数组和对象中提取数据总结

    解构含义 解构功能含义:从复杂数据类型中(数组或对象)中提取数据的过程. JS(解构) 之数组 从数组中提取首个元素 方式一:基于数组下标提取元素 const names = ['zzg', 'zcx ...

  3. es6 取数组的第一个和最后一个_es6常用数组操作及技巧汇总

    定义数组 const array = [1, 2, 3]; 或者 const array = new Array(); array[0] = '1'; 建议尽量使用第一种形式定义数组,采用new的形式 ...

  4. JS基础之数组--概述、创建数组的几种方式、数组的特点、数组的常用方法、数组的解构赋值、数组高级API

    一.概述 描述:数组(array)是按照一定顺序排列的一组值,每个值都拥有自己的编号,编号从0开始.整个数组用方括号来表示. 语法:var arr=[item1,item2,item3-] 1.1 注 ...

  5. python爬取所有数据_入门用Python进行Web爬取数据:为数据科学项目提取数据的有效方法...

    作者|LAKSHAY ARORA 编译|Flin 来源|analyticsvidhya 总览 Web抓取是一种从网站提取数据的高效方法(取决于网站的规定) 了解如何使用流行的BeautifulSoup ...

  6. 如何用python爬取数据_入门用Python进行Web爬取数据:为数据科学项目提取数据的有效方法...

    作者|LAKSHAY ARORA 编译|Flin 来源|analyticsvidhya 总览 Web抓取是一种从网站提取数据的高效方法(取决于网站的规定) 了解如何使用流行的BeautifulSoup ...

  7. JS-JSON-获取JSON对象中的数据展示到表格里

    JS-JSON-获取JSON对象中的数据展示到表格里 1.要求 点击按钮,将学生信息展示到表格里,并显示总记录条数. 2.实现思路 创建JSON对象 先创建一个JSON对象data,有总人数total ...

  8. python json接口数据提取_返回数据中提取数据的方法(JSON数据取其中某一个值的方法)...

    返回数据中提取数据的方法 比如下面的案例是,取店铺名称 接口返回数据如下: {"Code":0,"Msg":"ok","Data& ...

  9. js-使用构造函数、遍历数组、for循环、if语句判断年龄来筛选出一组人物对象中的成年人

    <script type="text/javascript">             //使用构造函数创建Zyh             function Zyh(n ...

最新文章

  1. java 多路分发_java实现多路分发
  2. export ,export default 和 import 区别 以及用法
  3. Oracle笔记之表空间
  4. 矩阵置零—leetcode73
  5. python 脚本将视频转化成图片 | python scripts to convert video to pictures
  6. 汇编试验五:编写、调试具有多个段的程序
  7. apache.camel_Apache Camel 3.1 –更多骆驼核心优化(第2部分)
  8. 信息学奥赛C++语言: 蛇形方阵1
  9. 特斯拉副总裁回应“质量不合格”报道:离谱 已准备起诉
  10. ice通信原理_变频开关电源工作原理,开关电源自我检修
  11. luoguP3799 妖梦拼木棒 [组合数学]
  12. Kubernetes 的CRI-O容器引擎中存在严重漏洞
  13. Akka系统《sixteen》译
  14. 【单目标优化求解】基于matlab多子群改进的海洋捕食者算法(MSMPA)求解单目标优化问题【含Matlab源码 1783期】
  15. Debian8安装TeamViewer远程协助软件
  16. 谷歌云盘文件快速下载方法
  17. echart 世界地图发光_echart世界地图(并且指定国家高亮显示)?
  18. 抖音是怎么做出来的?| 创业故事
  19. 影子系统PowerShadow v2.6.0511中文破解版
  20. mac电脑投屏到小米盒子_巧用手机自带功能向电脑传无损照片视频 华为小米苹果均支持 小米盒子 苹果手机 投屏软件...

热门文章

  1. 归并排序执行次数_肯定能懂的常见算法讲解(1)——排序算法
  2. hadoop jar包_快速搭建Hadoop-Hive-Zoopkeeper-Sqoop环境进入Sqoop学习环境
  3. windows的php如何安装目录结构,禅道的目录结构
  4. mysql text blob_mysql的text/blob和行溢出
  5. 20211028 调节和跟踪
  6. 微信小程序自定义授权弹框
  7. vue2.0 -- watch监听
  8. 史上最详细的Android Studio系列教程四--Gradle基础
  9. IIS7 与 WCF 问题总结
  10. Windows访问Ubuntu8.10分区