js 交换赋值我认为最简单的方法 （ES6解构）

最新推荐文章于 2025-10-18 08:57:30 发布
翻译 最新推荐文章于 2025-10-18 08:57:30 发布 · 6.5k 阅读 · 1
文章标签：

#个人记录 #javascript

本文通过一个简单的JavaScript代码示例，展示了如何不使用第三个变量来交换两个变量的值。此方法不仅适用于JavaScript，在其他支持数组解构赋值的语言中也同样适用。

let x = 1;
let y = 2;
[x, y] = [y, x];
console.log(x);//2
console.log(y);//1

ES6+ 解构赋值
很酷的站长的博客
01-03 327
本节我们会学习到 ES6 中的解构赋值语法，它是 JavaScript 中的一种表达式。什么是解构赋值数组的解构赋值对象的解构赋值如何解构嵌套对象和数组解构赋值就是分解一个数据的结构，并从这数据解构中提取数据的过程，它可以从数组中取出值赋给变量或是将对象中的属性提取出来赋给另一个对象的属性。解构的目的是为了简化提取数据的过程，增强代码的可读性。把变量放在[]或者{}中来获取目标对象上的对应的值。
es6新语法
qq_43260366的博客
06-06 1213
ES2015(2015年发布的， javascript的第六个版本) 以及后续版本就是统称为ES6；解构赋值语法是一种 Javascript 表达式。通过**解构赋值，**可以将 属性/值 从 对象/数组 中取出，赋值给其他变量； es6-解构赋值 语法 ：let [变量1，变量2，…变量3] = 数组举例说明 利用数组解构赋值交换两个变量的值 非解构-借助第三个变量进行交换 解构 [2]对象 es5-非解构赋值 es6-解构赋值 语法1：
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
11-26
本文实例讲述了ES6常用小技巧。分享给大家供大家参考，具体如下： 1- 数组去重 var arr = [1,2,3,4,3,4]; var arr2 = [...new Set(arr)]; 这个时候arr2就是去重后的数组~ 2- 交换两个变量的值 let [x,y] = [1,2]; [y,x] = [x,y]; console.log(y); 3- 获取字符串中的某个字符 let arr= "hellomybo"; console.log(arr[3]); 4- 使用箭头函数代替回调函数 ES5的写法 let a1 = [1,2,3].map(function (x) {
解构赋值（快速交换值）
luyundesign的博客
04-05 384
let x = 1, y = 2; [x, y] = [y, x] console.log(x,y);
JS 的解构
最新发布
2301_81420784的博客
10-18 764
解构语法通过“按位置匹配”（数组）和“按属性名匹配”（对象）的方式，简化了从复杂数据结构中提取值的过程，减少重复代码、提升可读性在数据存在缺失值和多余数据的情况下能灵活处理边界情况。其核心优势是简化数据提取流程处理函数参数（减少obj.xxx重复调用）。变量交换、多值返回处理（减少临时变量）。遍历集合时提取关键信息（让循环体更简洁）。
ES6中的解构赋值
越界的博客
12-22 611
解构赋值 定义 ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 解构：意思是把有结构的数据分解开成为一个一个的值 赋值：把解构之后的值保存到变量 基本用法 在ES6之前，我们给变量赋值是直接指定值。如下代码所示： var a = 1; var b = 2; var c = 3; ES6可以允许我们写成下面这样： var [a, b...
使用ES6数组解构实现变量交换
徐同保的专栏
04-20 904
<!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&l.
es6交换数组位置
Hero_rong的博客
07-12 2645
利用es6的解构交换数组位置，第一个元素和第二个元素互换位置，再也不用先删除再添加了，或者用中间值操作了 let arr = [1,2,3,4]; [arr[0],arr[1]] = [arr[1],arr[0]]; 注意，这里一句一句必须加 ; 要不然会报错！ ...
JavaScript交换两个变量方法实例
10-15
2. 使用ES6解构赋值语法来交换变量值 ES6引入了数组和对象的解构赋值，这一语法同样可以用于变量的交换。这种方法不需要显式地声明临时变量，代码更加简洁明了。示例代码如下： ```javascript let a = 5, b = 10; ...
9、JavaScript 解构赋值与符号的使用
g8f9d0s1a2的博客
07-29 75
本文详细介绍了 JavaScript 中的解构赋值和符号（Symbols）的使用。解构赋值提供了从对象和数组中快速提取数据的简洁语法，支持默认值、嵌套结构和剩余项等特性，极大地提升了代码的可读性和开发效率。同时，符号作为 ES6 引入的新原始类型，为对象属性提供了唯一性和一定程度的隐私保护。文章还通过流程图和实际应用场景分析，展示了这些特性在实际开发中的优势和最佳实践。
es6-数组扩展
李继轩的博客
10-25 450
•find();let arr = [1, 2, 3, 4, 5] arr.find(function(x, i, a){ if(x < 2) {console.log(x, i, a); }; }; //输出 1, 0, [1, 2, 3, 4, 5]find() 的参数是一个函数，函数有三个参数，分别是 值、索引、数组。•includs()let arr = [1, 2, 3, 4, 5
ES6 学习笔记二：变量的解构赋值
沐天的博客
02-08 441
以下是摘自ES6 入门教程阮一峰ES6教程的变量的解构赋值 仅作为自己的学习笔记查阅 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 变量的解构赋值用途很多。 （1）交换变量的值 let x = 1; let y = 2; [x, y] = [y, x]; 上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。 （2）从函数返回多个值 函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回..
c语言实现两个变量的值交换
安权_code的博客
09-24 3145
c语言中实现两个变量的值的交换有三种方法：1、初始化一个新变量，把他当作桥梁，完成两个值的交换（用的最多的方法）。2、用异或的方法完成交换。3、用加减的方法完成交换。
【深入理解ECMAScript 6】 解耦赋值（变量跟对象的解构赋值）
马云
10-27 1589
ECMAScript6 解耦赋值 目录ECMAScript6 解耦赋值一、变量的解耦赋值1、解耦赋值是什么2、解耦赋值失败解耦赋值失败不等于失败3、不完全解耦赋值4、默认值二、对象的解耦赋值1、对象的解耦赋值分类案例2、字符串的解耦赋值3、数值与布尔值的解耦赋值数字值：布尔值：4、函数参数的解耦赋值5、小括号的问题6、解耦赋值的用途交换变量的值从函数返回多个值函数参数的定义提取JSON数据 一、变量的解耦赋值 1、解耦赋值是什么 ECMAScript 6允许按照一定模式从数组或对象中提取值，对变量进行赋值。
前端学习（258）:flex-wrap
歌谣的博客
12-30 475
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...
es6对象赋值
热门推荐
宋坚强大大~~
07-08 1万+
1.解构赋值 let obj={ n1:'p1', n2:'p2' } // //传统的写法 定义变量 使n1=obj.n1 n2=obj.n2 // let n1=obj['n1'] // let n2=obj['n2'] //变量名==属性名时 let {n1,n2}=obj //其实是它的简写：let {n1:n...
js es6 交换数组元素位置方法
小星落
05-20 5412
利用ES6的解构赋值能更加便捷的进行元素交换 var list=['a','b','c','d','e']; [list[1],list[2]]=[list[2],list[1]]; console.log(list) // ["a", "c", "b", "d", "e"] 多个交换位置 var list=['a','b','c','d','e','f']; [list[1],list[3],list[5]]=[list[5],list[1],list[3]]; console.log(list).
es6实现两个数的调换
qq_33358062的博客
07-16 5912
实现两个数的调换方式有很多种，今天看代码时发现一种非常简单的方式，用es6解构方式即可，如下： 以前很多种方法： 比如：1）介入第三方temp               2）不介入第三方 let a = 1, b = 2; b = b - a; // b(原) - a(原) a = a + b; // a(原) + b(原) - a(原） b = a -...
JavaScript中交换两个变量值的多种实现方法
本文将围绕标题“js代码-对调两个变量的多种方法”以及描述“js代码-对调两个变量的多种方法”，结合标签中的关键词（如JavaScript、变量交换、ES6解构赋值、临时变量、异或运算、箭头函数、代码优化、基本数据类型...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值