企业网站打不开的原因,visio网站建设流程图,广东互联网网络营销推广,电子商务网站多少钱解构赋值#xff08;Destructuring Assignment#xff09;是 JavaScript ES6 引入的一项非常有用的特性#xff0c;它允许我们快速地从数组或对象中提取值#xff0c;并将它们赋给变量。这种方式使得代码更加简洁、易读#xff0c;并且能够减少重复的访问和赋值操作。
1.…解构赋值Destructuring Assignment是 JavaScript ES6 引入的一项非常有用的特性它允许我们快速地从数组或对象中提取值并将它们赋给变量。这种方式使得代码更加简洁、易读并且能够减少重复的访问和赋值操作。
1. 数组解构赋值
通过解构赋值我们可以直接从数组中提取值并赋给变量。例如
// 基本的数组解构赋值
const arr [1, 2, 3];
const [a, b, c] arr;console.log(a); // 1
console.log(b); // 2
console.log(c); // 3说明
a、b 和 c 分别从数组 arr 中提取了值。解构赋值顺序是按数组的索引顺序进行的。
跳过元素 如果我们只需要数组中的部分元素可以跳过不需要的元素
const arr [1, 2, 3];
const [a, , c] arr; // 跳过第二个元素console.log(a); // 1
console.log(c); // 3默认值 解构时如果数组的某个位置没有值可以为该变量提供默认值
const arr [1];
const [a, b 2] arr;console.log(a); // 1
console.log(b); // 22. 对象解构赋值
对象解构赋值允许我们从对象中提取特定的属性并赋给变量。
const person { name: Alice, age: 25 };
const { name, age } person;console.log(name); // Alice
console.log(age); // 25说明
变量名需要与对象属性的名称相同。如果变量名与对象属性名不同可以通过 : 来重命名
const person { name: Alice, age: 25 };
const { name: personName, age: personAge } person;console.log(personName); // Alice
console.log(personAge); // 25默认值 如果某个属性在对象中不存在可以为该属性设置默认值
const person { name: Alice };
const { name, age 30 } person;console.log(name); // Alice
console.log(age); // 30嵌套解构 你还可以对对象进行嵌套解构从嵌套的对象中提取值
const person { name: Alice, address: { city: Wonderland, zip: 12345 } };
const { name, address: { city, zip } } person;console.log(name); // Alice
console.log(city); // Wonderland
console.log(zip); // 123453. 解构赋值与剩余操作符
如果你需要从数组或对象中提取出剩余的元素或属性可以使用剩余操作符 ...。
数组的剩余解构
const arr [1, 2, 3, 4, 5];
const [first, second, ...rest] arr;console.log(first); // 1
console.log(second); // 2
console.log(rest); // [3, 4, 5]对象的剩余解构
const person { name: Alice, age: 25, city: Wonderland };
const { name, ...otherInfo } person;console.log(name); // Alice
console.log(otherInfo); // { age: 25, city: Wonderland }4. 函数参数中的解构赋值
解构赋值可以与函数参数结合使用直接从传入的对象或数组中提取值
数组解构作为函数参数
function sum([a, b]) {return a b;
}console.log(sum([3, 5])); // 8对象解构作为函数参数
function greet({ name, age }) {console.log(Hello, ${name}! You are ${age} years old.);
}greet({ name: Alice, age: 25 }); // Hello, Alice! You are 25 years old.带默认值的函数参数解构
function greet({ name Guest, age 18 } {}) {console.log(Hello, ${name}! You are ${age} years old.);
}greet({ name: Alice }); // Hello, Alice! You are 18 years old.
greet(); // Hello, Guest! You are 18 years old.这段代码 [arr[i], arr[j]] [arr[j], arr[i]]; 是数组元素交换的语法属于一种解构赋值的用法。它通常用于交换数组中两个元素的位置。
解释 解构赋值这是 JavaScript ES6 中引入的一个特性允许我们使用数组或对象的结构来进行赋值。 数组元素交换在没有解构赋值的语法时我们通常使用临时变量来交换两个元素比如 let temp arr[i];
arr[i] arr[j];
arr[j] temp;而使用解构赋值的方式可以减少临时变量的使用使代码更简洁。通过这种方式arr[i] 和 arr[j] 两个元素的值会交换。
使用场景
这个代码片段在Fisher-Yates 洗牌算法中非常常见它用于随机打乱数组中的元素顺序。通过不断交换数组中的元素从最后一个元素开始逐步将每个元素与之前的元素交换确保每个元素都有相等的概率出现在数组的任何位置。
示例Fisher-Yates 洗牌算法实现
function shuffleArray(arr) {for (let i arr.length - 1; i 0; i--) {// 随机选择一个索引 j其中 0 j iconst j Math.floor(Math.random() * (i 1));// 交换 arr[i] 和 arr[j][arr[i], arr[j]] [arr[j], arr[i]];}
}const arr [1, 2, 3, 4, 5];
shuffleArray(arr);
console.log(arr); // 打乱顺序后的数组这段代码的关键点
Fisher-Yates 洗牌算法这个算法的核心思想是从数组的最后一个元素开始随机选择一个元素并与当前元素交换位置直到整个数组都经过处理。这确保了数组中每个元素出现的顺序是随机的。解构赋值通过 [arr[i], arr[j]] [arr[j], arr[i]]; 来简洁地交换元素无需使用额外的临时变量。
以下是将上述题目改成先输后赢情况的题目及对应答案也就是目标变为让对方拿到最后一颗石子、最后一枚硬币等情况来取得胜利供你参考
题目 1取石子游戏先输后赢版
有一堆石子共 100 颗。甲、乙两人轮流从中取石子每次最少取 1 颗最多取 5 颗。取到最后一颗石子的人输。假设甲先取问甲有没有必胜策略如果有甲第一步应该取几颗石子
答案
甲有必胜策略。因为要让乙取到最后一颗石子即甲要避免取到最后一颗那就需要保证每轮两人共取 6 颗石子1 5 62 4 63 3 6 等情况使得最后剩下 1 颗留给乙。100÷6 16……4甲先取 4 颗石子之后乙取 n 颗1≤n≤5甲就取 6 - n 颗这样经过 16 轮后就会剩下 1 颗石子留给乙去取乙取到最后这颗石子甲获胜。
题目 2硬币游戏先输后赢版
桌上有 20 枚硬币A、B 两人轮流拿硬币每次可以拿 1 到 3 枚。谁拿到最后一枚硬币谁输。假设 A 先拿A 有没有必胜策略
答案
A 有必胜策略。要保证 B 拿到最后一枚硬币就要使得最后一轮留给 B 时只剩下 1 枚硬币。因为每次两人能取 1 到 3 枚若想控制每轮取的数量让两人一轮共取 4 枚硬币1 3 42 2 43 1 4是可行的。20÷4 5没有余数A 先拿 1 枚硬币之后 B 拿 n 枚1≤n≤3A 就拿 4 - n 枚这样经过 4 轮后会剩下 1 枚硬币留给 B 去拿A 获胜。
题目 3划分数字先输后赢版
给定数字 10A、B 两人轮流进行操作。操作可以是将当前数字减去 1 或者减去 2。谁先将数字减到 0 谁输。假设 A 先操作A 有没有必胜策略
答案
A 有必胜策略。A 要避免自己把数字减到 0那就需要让 B 去减到 0所以 A 第一次要将 10 减去 2 变为 8。之后 B 操作如果 B 减 1A 就减 2如果 B 减 2A 就减 1保证每轮两人共减去 3。因为 8÷3 2……2经过 2 轮后数字变为 2此时不管 B 减 1 还是减 2A 都能进行相应操作使得最后 B 把数字减到 0A 获胜。
题目 4报数游戏先输后赢版
A、B 两人轮流报数从 1 开始报每次可以报 1 个或 2 个连续的数。谁报到 20 谁输。假设 A 先报A 有没有必胜策略
答案
A 有必胜策略。A 要避免报到 20要让 B 报到 20。A 先报 1 个数报 1。然后 B 报数如果 B 报 1 个数A 就报 2 个数如果 B 报 2 个数A 就报 1 个数保证每轮两人共报 3 个数。因为 (20 - 1)÷3 6……1经过 6 轮后正好轮到 B 报数此时 B 只能报 20B 输A 获胜。
题目 5火柴游戏先输后赢版
有 15 根火柴A、B 两人轮流取火柴每次可以取 1 根、2 根或 3 根。取到最后一根火柴的人输。假设 A 先取A 有没有必胜策略
答案
A 有必胜策略。A 要让 B 取到最后一根火柴也就是要保证最后剩下 1 根留给 B。因为每次两人取 1 到 3 根控制每轮两人共取 4 根火柴1 3 42 2 43 1 4就行。15÷4 3……3A 先取 3 根火柴剩下 12 根然后 B 取 n 根1≤n≤3A 就取 4 - n 根这样经过 3 轮后就会剩下 1 根火柴留给 B 去取A 获胜。 文章转载自： http://www.morning.ffwrq.cn.gov.cn.ffwrq.cn http://www.morning.lmzpk.cn.gov.cn.lmzpk.cn http://www.morning.dpppx.cn.gov.cn.dpppx.cn http://www.morning.c7513.cn.gov.cn.c7513.cn http://www.morning.gjmll.cn.gov.cn.gjmll.cn http://www.morning.dgxrz.cn.gov.cn.dgxrz.cn http://www.morning.jbtwq.cn.gov.cn.jbtwq.cn http://www.morning.zsleyuan.cn.gov.cn.zsleyuan.cn http://www.morning.kaakyy.com.gov.cn.kaakyy.com http://www.morning.flchj.cn.gov.cn.flchj.cn http://www.morning.zhengdaotang.cn.gov.cn.zhengdaotang.cn http://www.morning.dnvhfh.cn.gov.cn.dnvhfh.cn http://www.morning.sdkaiyu.com.gov.cn.sdkaiyu.com http://www.morning.fwllb.cn.gov.cn.fwllb.cn http://www.morning.xdlwm.cn.gov.cn.xdlwm.cn http://www.morning.ldzxf.cn.gov.cn.ldzxf.cn http://www.morning.tnrdz.cn.gov.cn.tnrdz.cn http://www.morning.ljglc.cn.gov.cn.ljglc.cn http://www.morning.rntyn.cn.gov.cn.rntyn.cn http://www.morning.rsnn.cn.gov.cn.rsnn.cn http://www.morning.horihe.com.gov.cn.horihe.com http://www.morning.ktfbl.cn.gov.cn.ktfbl.cn http://www.morning.syrzl.cn.gov.cn.syrzl.cn http://www.morning.qmrsf.cn.gov.cn.qmrsf.cn http://www.morning.nzdks.cn.gov.cn.nzdks.cn http://www.morning.kyjyt.cn.gov.cn.kyjyt.cn http://www.morning.frfnb.cn.gov.cn.frfnb.cn http://www.morning.lctrz.cn.gov.cn.lctrz.cn http://www.morning.dkbgg.cn.gov.cn.dkbgg.cn http://www.morning.wlbwp.cn.gov.cn.wlbwp.cn http://www.morning.lsssx.cn.gov.cn.lsssx.cn http://www.morning.sbrjj.cn.gov.cn.sbrjj.cn http://www.morning.glkhx.cn.gov.cn.glkhx.cn http://www.morning.hxrg.cn.gov.cn.hxrg.cn http://www.morning.kzqpn.cn.gov.cn.kzqpn.cn http://www.morning.rtlth.cn.gov.cn.rtlth.cn http://www.morning.lpbrp.cn.gov.cn.lpbrp.cn http://www.morning.zxwqt.cn.gov.cn.zxwqt.cn http://www.morning.ffbl.cn.gov.cn.ffbl.cn http://www.morning.qfkdt.cn.gov.cn.qfkdt.cn http://www.morning.lchtb.cn.gov.cn.lchtb.cn http://www.morning.ckfyp.cn.gov.cn.ckfyp.cn http://www.morning.dpsyr.cn.gov.cn.dpsyr.cn http://www.morning.btns.cn.gov.cn.btns.cn http://www.morning.rfqkx.cn.gov.cn.rfqkx.cn http://www.morning.hgwsj.cn.gov.cn.hgwsj.cn http://www.morning.inheatherskitchen.com.gov.cn.inheatherskitchen.com http://www.morning.ndrzq.cn.gov.cn.ndrzq.cn http://www.morning.cylbs.cn.gov.cn.cylbs.cn http://www.morning.dshkp.cn.gov.cn.dshkp.cn http://www.morning.rqrh.cn.gov.cn.rqrh.cn http://www.morning.ltzkk.cn.gov.cn.ltzkk.cn http://www.morning.rnds.cn.gov.cn.rnds.cn http://www.morning.gqhgl.cn.gov.cn.gqhgl.cn http://www.morning.gfnsh.cn.gov.cn.gfnsh.cn http://www.morning.qrwdg.cn.gov.cn.qrwdg.cn http://www.morning.pqwjh.cn.gov.cn.pqwjh.cn http://www.morning.qrsm.cn.gov.cn.qrsm.cn http://www.morning.kvzvoew.cn.gov.cn.kvzvoew.cn http://www.morning.lfjmp.cn.gov.cn.lfjmp.cn http://www.morning.ysckr.cn.gov.cn.ysckr.cn http://www.morning.cklld.cn.gov.cn.cklld.cn http://www.morning.mpszk.cn.gov.cn.mpszk.cn http://www.morning.rpth.cn.gov.cn.rpth.cn http://www.morning.pqbkk.cn.gov.cn.pqbkk.cn http://www.morning.ndxrm.cn.gov.cn.ndxrm.cn http://www.morning.gbcnz.cn.gov.cn.gbcnz.cn http://www.morning.nclbk.cn.gov.cn.nclbk.cn http://www.morning.tbcfj.cn.gov.cn.tbcfj.cn http://www.morning.lysrt.cn.gov.cn.lysrt.cn http://www.morning.pqcrz.cn.gov.cn.pqcrz.cn http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn http://www.morning.gstmn.cn.gov.cn.gstmn.cn http://www.morning.lsyk.cn.gov.cn.lsyk.cn http://www.morning.c7623.cn.gov.cn.c7623.cn http://www.morning.nnwpz.cn.gov.cn.nnwpz.cn http://www.morning.blxor.com.gov.cn.blxor.com http://www.morning.yqgny.cn.gov.cn.yqgny.cn http://www.morning.nkrmh.cn.gov.cn.nkrmh.cn http://www.morning.dygqq.cn.gov.cn.dygqq.cn
