JavaScript 赋值
JavaScript 中有多种赋值方式。
1、基本赋值:使用等号 "=" 进行赋值,例如 let a = 1
。
2、多变量赋值:使用逗号 "," 将多个变量赋值成同一个值,例如 let a = 1, b = 2
。
3、增量赋值:使用算术运算符 "+"、"-"、"*"、"/"、"%" 等进行赋值,例如 a += 1
。
4、链式赋值:使用逗号 "," 连接多个赋值语句,例如 a = 1, b = 2
。
5、扩展运算符赋值:使用三个点("...")展开数组或对象,例如 let arr1 = [1, 2, 3], arr2 = [...arr1, 4, 5]
。
6、解构(结构)赋值:使用花括号 "{}" 或 "[]" 将对象或数组的属性或元素赋值给多个变量,例如 let {a, b} = {a: 1, b: 2}
。
对于数组:
let arr = [1, 2, 3]; let [a, b, c] = arr; console.log(a); // 1 console.log(b); // 2 console.log(c); // 3
对于对象:
let obj = {name: "John", age: 30}; let {name, age} = obj; console.log(name); // John console.log(age); // 30
解构赋值还可以用于解构函数返回值,例如:
解构函数返回对象
function getData() { return {a: 1, b: 2}; } let {a, b} = getData(); console.log(a); // 1 console.log(b); // 2
解构函数返回数组
function returnMultipleValue(){ return [1, 2, 3]; } let [a, b, c] = returnMultipleValue(); console.log(a); // 1 console.log(b); // 2 console.log(c); // 3
对于复杂的数据结构,可以使用嵌套的解构赋值,例如:
let obj = {a: {b: 1, c: 2}, d: 3}; let {a: {b}, d} = obj; console.log(b); // 1 console.log(d); // 3
注意:解构赋值的变量必须与被解构的数组或对象的属性名称相对应,否则会报错。
7、交换赋值:使用解构(结构)赋值交换两个变量的值,例如 [a, b] = [b, a]
。
8、默认值赋值:解构赋值时,若对象或数组不存在该属性或元素,可以使用默认值赋值。
对于对象属性的解构赋值,可以使用默认值,例如:
let obj = {a: 1, b: 2}; let {a, b, c = 3} = obj; console.log(c); // 3
对于数组结构赋值,也可以使用默认值,例如:
let arr = [1, 2]; let [a, b, c = 3] = arr; console.log(c); // 3
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期