js数组解构

已于 2023-03-29 09:21:57 修改
阅读量105 收藏 1
点赞数 3
文章标签： javascript 前端 html
于 2023-03-28 20:30:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ortianwang/article/details/129824311
版权 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //数组解构
        let array1 = [10, "hello", true];
        let [a, b, c] = array1;
        console.log(a, b, c);
        let [d, e] = [68, 86];
        console.log(d, e);

        //剩余参数
        let [m, ...n] = [1, 2, 3, 4, 5];
        console.log(m, n);

        //拓展参数(展开运算符)
        let array2 = [1, 2, 3];
        let maxNum = getMax(array2);
        console.log(maxNum);
        function getMax(ary) {
            console.log(...ary);
            return Math.max(...ary);
        }

    //作用
        //类数组 ---》转换为数组
        test(1, 2, 3)
        function test() {
            console.log(arguments);
            //转换数组
            console.log(Array.from(arguments));
            console.log([...arguments]);
        }

        
        //交换变量:临时变量  
        let aa = 1, bb = 2;
        [aa, bb] = [bb, aa];
        console.log(aa, bb);

    </script>
</body>

</html>

1mo了橘
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js数组
m0_46563512的博客
08-03 248
数组定义 数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。 var arr = ['a', 'b', 'c']; 上面代码中的a、b、c就构成一个数组，两端的方括号是数组的标志。a是0号位置，b是1号位置，c是2号位置。 除了在定义时赋值，数组也可以先定义后赋值。 var arr = []; arr[0] = 'a'; arr[1] = 'b'; arr[2] = 'c'; 任何类型的数据，都可以放入数组。 var arr = [ {a: 1},
js中数组解构与对象解构
m0_64175408的博客
08-19 330
数组解构是一种在 JavaScript 中从数组中提取值并将它们分配给变量的方式。这种语法可以方便地将数组中的元素分解为单独的变量首先数组是有序的，有索引的的数据解构。在数组解构中分为。
JS数组解构赋值
qq_39196447的博客
01-26 405
将数组的单元值快速批量的赋值给一系列变量的简洁语法。
js的数组解构
qq_41045651的博客
07-10 2044
通过了解和运用这些概念，你可以利用数组解构从数组中提取所需的值，并将它们分配给单独的变量。数组解构提供了一种简洁、灵活的方式来处理数组数据，使代码更具可读性和可维护性。
ES6数组与对象的解构赋值详解
10-16
**ES6数组与对象的解构赋值详解** 在ES6中，解构赋值是一项强大的语法特性，它使得从数组或对象中提取值并赋值给变量变得更加简洁和直观。解构赋值允许我们根据特定的模式来匹配和提取数据，这在处理复杂的数据结构...
js代码-使用迭代器解构对象数组
07-15
js代码-使用迭代器解构对象数组
JS 数组和对象的深拷贝操作示例
10-15
它的工作原理类似于`slice()`，但可以直接用于解构赋值，如`let arr1 = [...arr]`。 二、对象的深拷贝 1. 扩展运算符 (`...`) 和 `Object.assign()` 同样，扩展运算符和`Object.assign()`也可以用于对象的深拷贝...
FunctionArrays：使用Javascript数组
02-18
在JavaScript编程中，数组是一种非常重要的数据结构，用于...理解并熟练掌握JavaScript数组以及函数数组的概念和应用，将极大地提升你的JavaScript编程能力。在实际开发中，合理运用这些知识可以解决很多复杂的问题。
Next.js静态导出与动态路由优化
最新发布
天涯学馆
07-20 802
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1129
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 644
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
vue执行npm install问题idealTree:yudao-ui-admin-vben: sill idealTree buildDeps
yuan5025的博客
07-17 1098
目前这个问题只在芋道源码yudao-ui-admin-vben碰到了，其他vue项目没用遇到过。
博客前端项目学习day03——框架页
qq_53237241的博客
07-19 426
【代码】博客前端项目学习day03——框架页。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 613
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
react 快速入门思维导图
weixin_44565776的博客
07-18 297
只要掌握了这些react技能，基本就可以熟练使用react了
vue3 vxe-grid修改currentPage，查询数据的时候，从第一页开始查询
jwbabc的专栏
07-18 221
vxe-grid查询数据的时候，从第一页开始查询，并且清空选中，清空复选框状态等，查询数据查询。
vue3前端开发-如何让自己的网站适合SEO排名规则
yrldjsbk的博客
07-17 216
我们大家都知道，原始出生的vue3项目，原始代码层面，是没有meta标签的，也就是说，不适合SEO排名规则。SEO排名规则，蜘蛛爬虫抓取网站页面的内容，就会把这种meta标签内容进行采集，匹配。但是，这个技术要求大家还是应该知道的。黑马教育，课程，前端课程案例项目：小兔鲜儿超市，vue3前端项目案例。想学习vue3前端开发，拿来练习，实战的朋友们，值得一看哦。这个代码，就是我自己手工录入的。录入后，再次在浏览器界面刷新请求服务器。返回的代码模块就可以看见了。自己刚刚手工录入的meta信息出现了。
谷粒商城实战笔记-35-前端基础-ES6-模块化
epitomizelu的专栏
07-20 410
模块化就是把代码进行拆分，方便重复利用。类似 java 中的导包：要使用一个包，必须先导包。JS 中没有包的概念，JS中类似的概念是模块。export和import。export命令用于规定模块的对外接口。import命令用于导入其他模块提供的功能。
Js数组解构冒泡排序
01-18
冒泡排序（Bubble Sort）是一种简单的排序算法，它重复地遍历要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。遍历数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。 在JavaScript中，我们可以使用数组解构（Array Destructuring）来实现冒泡排序。以下是一个简单的示例： ```javascript function bubbleSort(arr) { for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]]; } } } return arr; } const arr = [3, 2, 1, 5, 4]; console.log(bubbleSort(arr)); // 输出：[1, 2, 3, 4, 5] ``` 在这个示例中，我们使用了数组解构来交换相邻的元素。`[arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];` 这行代码将 `arr[j]` 和 `arr[j + 1]` 的值交换，从而实现了冒泡排序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值