当前位置: 首页 > 编程笔记 >

JavaScript 解构数组

秦俊豪
2023-03-14
本文向大家介绍JavaScript 解构数组,包括了JavaScript 解构数组的使用技巧和注意事项,需要的朋友参考一下

示例

6

将数组分配给新变量时可以将其解构。

const triangle = [3, 4, 5];
const [length, height, hypotenuse] = triangle;

length === 3;     // →正确
height === 4;     // →正确
hypotneuse === 5; // →正确

元素可以跳过

const [,b,,c] = [1, 2, 3, 4];

console.log(b, c); // →2、4

也可以使用休息员

const [b,c, ...xs] = [2, 3, 4, 5];
console.log(b, c, xs); // →2、3,[4、5]

如果数组是函数的参数,则数组也可以被解构。

function area([length, height]) {
  return (length * height) / 2;
}

const triangle = [3, 4, 5];

area(triangle); // →6

请注意,在函数中未命名第三个参数,因为它不是必需的。

了解有关解构语法的更多信息。

 类似资料:
  • 本文向大家介绍详解JavaScript编程中的数组结构,包括了详解JavaScript编程中的数组结构的使用技巧和注意事项,需要的朋友参考一下 数组对象的作用是:使用单独的变量名来存储一系列的值。 创建数组, 为其赋值: 实例 什么是数组? 数组对象是使用单独的变量名来存储一系列的值。 如果你有一组数据(例如:车名字),存在单独变量如下所示: 然而,如果你想从中找出某一辆车?并且不是3辆,而是30

  • 本文向大家介绍详解JavaScript树结构,包括了详解JavaScript树结构的使用技巧和注意事项,需要的朋友参考一下 对于数据结构“树”,想必大家都熟悉,今儿,我们就再来回顾一下数据结构中的二叉树与树,并用JavaScript实现它们。 ps:树结构在前端中,很多地方体现得淋漓尽致,如Vue的虚拟DOM以及冒泡等等。 二叉树 --概念-- 二叉树是一种树形结构,它的特点是每个结点至多只有两棵

  • 问题内容: 我想知道是否有一种方法可以同时破坏和使用数组方法?如果是,使用它是否有用,还是会大大降低代码的可读性,以致不值得? 我当前的代码是这样的: 但我正在尝试找到一种更短的方法,例如: 这段代码不起作用。任何提示将不胜感激!:) 问题答案: 不,这是不可能的。销毁就是这样做的,它将属性分配给目标表达式。赋值语法没有任何用于更改赋值的修饰符(默认初始化程序已经是拉伸)。 如@kingdaro建

  • 本文向大家介绍JavaScript数据结构与算法之栈详解,包括了JavaScript数据结构与算法之栈详解的使用技巧和注意事项,需要的朋友参考一下 在上一篇博客介绍了下列表,列表是最简单的一种结构,但是如果要处理一些比较复杂的结构,列表显得太简陋了,所以我们需要某种和列表类似但是更复杂的数据结构---栈。栈是一种高效的数据结构,因为数据只能在栈顶添加或删除,所以这样操作很快,而且容易实现。 一:对

  • 主要内容:1.数组解构和Rest运算符,2. 数组解构和默认值,3.交换变量,4.从函数解析返回的数组解构是将复杂的结构分解为更简单的部分。 使用解构语法,可以从对象和数组中提取较小的片段。用于变量的赋值和声明。 解构是一种从存储在数组或对象中的数据中提取多个值的有效方法。 解构数组时,我们在分配中使用它们的位置(或索引)。 下面我们通过使用一些示例来理解数组的解构: 在上面的示例中,解构分配的左侧用于定义从源变量解包所需的值。 下面是一个数组解构的例子。 示例代码: 执行上面示例代码,得到以下

  • 本文向大家介绍JavaScript内部变量的解构,包括了JavaScript内部变量的解构的使用技巧和注意事项,需要的朋友参考一下 示例 除了将对象分解为函数参数外,还可以在变量声明中使用它们,如下所示: 如您所见,创建了三个新变量:name、age和location,如果它们与键名匹配,则从对象person获取它们的值。