符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
本篇文章给大家分享的是有关Javascript 中有哪些解构赋值语法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
创新互联服务项目包括丽水网站建设、丽水网站制作、丽水网页制作以及丽水网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,丽水网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到丽水省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
组解构
数组解构非常简单。你所要做的就是为数组中的每个值声明一个变量。你可以定义更少的变量,而不是数组中的索引(即,如果你只想解处理前几个值),请跳过某些索引或甚至使用 REST 模式将所有剩余的值放到新数组中。
const nums = [ 3, 6, 9, 12, 15 ]; const [ k, // k = 3 l, // l = 6 , // Skip a value (12) ...n // n = [12, 15] ] = nums;
对象解构与数组解构非常相似,主要区别是可以按名称引用对象中的每个key,从而创建一个有相同名称的变量。此外还可以将键解构为新的变量名,只解构所需的 key,然后用 rest 模式将剩余的 key 解构为新对象。
const obj = { a: 1, b: 2, c: 3, d: 4 }; const { a, // a = 1 c: d, // d = 3 ...rest // rest = { b: 2, d: 4 } } = obj;
嵌套对象和数组可以通过相同的规则来进行解构。区别在于可以将嵌套 key 或值直接解构为变量,而不必将父对象存储在变量本身中。
const nested = { a: { b: 1, c: 2 }, d: [1, 2]}; const { a: { b: f, // f = 1 ...g // g = { c: 2 } }, ...h // h = { d: [1, 2]} } = nested;
由于数组的行为与对象相似,所以可以通过使用索引作为对象解构分配中的 key,用解构分配语法从数组中获取特定值。用这种方法还可以得到数组的其他属性(例如数组的 length)。最后,如果解构后的值是 undefined,则还可以为解构过程中的变量定义默认值。
const arr = [ 5, 'b', 4, 'd', 'e', 'f', 2 ]; const { 6: x, // x = 2 0: y, // y = 5 2: z, // z = 4 length: count, // count = 7 name = 'array', // name = 'array' (not present in arr) ...restData // restData = { '1': 'b', '3': 'd', '4': 'e', '5': 'f' } } = arr;
以上就是Javascript 中有哪些解构赋值语法,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。