信誉好的丹徒网站建设,在一个网站的各虚拟目录中默认文档的文件名要相同,个人网站备案下载站,包装盒网站模板还记得之前我们是如何读取到数组里面的元素的么#xff1f;
const arr [2, 3, 4];
const a arr[0];
const b arr[1];
const c arr[2];然后通过这个方式去读取数组中的数据#xff1b;
现在我们可以使用解构赋值的方法去实现
const [x, y, z] arr;
console.log(x, y, …还记得之前我们是如何读取到数组里面的元素的么
const arr [2, 3, 4];
const a arr[0];
const b arr[1];
const c arr[2];然后通过这个方式去读取数组中的数据
现在我们可以使用解构赋值的方法去实现
const [x, y, z] arr;
console.log(x, y, z);这是一种解构赋值Destructuring assignment的写法。它允许我们从数组 arr 中提取值并分别赋给变量 x, y, z。解构赋值可以用于数组、对象等数据结构以便快速获取其中的值。在这个例子中arr 是一个数组通过解构赋值将其第一个元素赋给 x第二个元素赋给 y第三个元素赋给 z。然后通过 console.log 打印出这三个变量的值。
那如何使用解构的方式去或者对象中的数组呢
const restaurant {name: Classico Italiano,location: Via Angelo Tavanti 23, Firenze, Italy,categories: [Italian, Pizzeria, Vegetarian, Organic],starterMenu: [Focaccia, Bruschetta, Garlic Bread, Caprese Salad],mainMenu: [Pizza, Pasta, Risotto],
};● 如上方的数组我们想获取categories的第一个和第二个数据使用解构的的方式如下
const [first,second] restaurant.categories;
console.log(first,second);● 那如果我们想获取第一个和第三个的数据呢我们只要给他留一个即可
const [first, , second] restaurant.categories;
console.log(first, second);● 再看上面的数据例如我们现在需要将categories数组中的Italian和Vegetarian进行替换按照以前的方式我们可能会这么做
let [main, , secondary] restaurant.categories;
console.log(main, secondary);const temp main;
main secondary;
secondary temp;
console.log(main,secondary);但是我们通过解构可以很轻松的进行实现
let [main, , secondary] restaurant.categories;
console.log(main, secondary);[main, secondary] [secondary, main];
console.log(main, secondary);● 我们也可以通过解构的方式再函数中返回数组
const restaurant {name: Classico Italiano,location: Via Angelo Tavanti 23, Firenze, Italy,categories: [Italian, Pizzeria, Vegetarian, Organic],starterMenu: [Focaccia, Bruschetta, Garlic Bread, Caprese Salad],mainMenu: [Pizza, Pasta, Risotto],order: function (starterIndex, mainIndex) {return [restaurant.starterMenu[starterIndex],restaurant.mainMenu[mainIndex],];},
};例如上方的函数如果我们使用之前的方式我们会这个做
console.log(restaurant.order(2, 0));当然我们也可以将接受到的数组解构出来
const [starter, mainCourse] restaurant.order(2, 0);
console.log(starter, mainCourse);嵌套数组的解构
const nested [2, 4, [5, 6]];
const [i, ,j] nested;
console.log(i,j);● 但是如果我们真的想把内部数组的数据给读取到我们该怎么做呢
const nested [2, 4, [5, 6]];
const [i, , [j,k]] nested;
console.log(i,j,k);默认类型
● 如果我们的解构数据比我们数组的实际数据多会是怎样的呢
const [p, q, r] [8, 9];
console.log(p, q, r);这时候我们有可能给数组中的数据给一个默认值
const [p 1, q 1, r 1] [8, 9];
console.log(p, q, r);这有时候很有用例如当我们从API获取数据时
