JavaScript学习笔记009-Json对象0解构赋值0扩展运算符
标签：
JavaScript
Author：Mr.柳上原
付出不亚于任何的努力
愿我们所有的努力，都不会被生活辜负
不忘初心，方得始终
后端学院的老师来我们前端学院推广Python
为期一个星期的Python基础课
有些刚学html的学弟学妹们跑来问
老师，没学js的也能学Python吗
老师说，没关系，我们后端学院也教js
速度过来报名
老师，您在前端学院的讲师房里说这样的话
真的不怕他们群殴您吗
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
<!DOCTYPE html> <!-- 文档类型：标准html文档 --><html lang='en'> <!-- html根标签 翻译文字：英文 --><head> <!-- 网页头部 --><meat charset='UTF-8'/> <!-- 网页字符编码 --><meat name='Keywords' content='关键词1,关键词2'/><meat name='Description' content='网站说明'/><meat name='Author' content='作者'/><title>前端59期学员作业</title> <!-- 网页标题 --><link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 --><style type='text/css'> /*内部样式表*/</style></head><body> <!-- 网页主干：可视化区域 --><script>// 字面量：键值对let obj = {a: 1,b: 2};// new 对象let obj2 = new object();// json：对象的字符串表示法let obj3 = "{/"a/": /"1/"}"; // 转译格式法let obj4 = "{'a': '1'}";// in操作符：检测对象里是否有某一个属性console.log("a" in obj);// for in：对象迭代器for(var key in obj){console.log(key); // a bconsole.log(obj[key]); // 1 2}// js的灵活性：对象变成类数组let obj5 = {0: 1,1: 2,2: 3,lenght: 3}for (let a =0; a < obj5.length; a++){console.log(obj[a]);
}// json格式对象的序列化和反序列化JSON.stringify(obj); // 对象序列化：转字符串JSON.parse(obj); // 对象反序列化：字符串转对象// es6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，称为解构赋值let arr = [1, 2, 3];let [a, b, c] = arr;console.log(a, b, c); // 1, 2, 3let obj6 = {aa: 1,bb: 2,cc: 3}let {aa: a, bb: b, cc: c} = obj6;console.log(a, b, c); // 1, 2, 3// 解构赋值的应用Math{
......
}let {PI} = Math;console.log(PI);// 数组的维度let arr1 = [1, 2, [3]]; // 一维 二维 ...console.log(arr1[2][0]); // 3let [a, b, [c]] = arr1; // 解构console.log([a, b, [c]]); // 1, 2, 3// 扩展运算符（延展操作符）let arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9];let [a, b, ...c] = arr2;console.log([a, b, ...c]); // 1, 2, [3, 4, 5, 6, 7, 8, 9]function yz(...nums){let result = 0;for (let value of nums){
result += value;
}return result;
}
yz(10, 20, 30, 9);// 复制数组let arr3 = [1, 2, 3];let arr4 = [...arr3]; // 复制一个全新的数组let box = document.getElementsByClassName('box');let arr5 = [...box];let box = [...document.getElementsByClassName('box')];function fn(){return [1, 2, 3, 4];
}let [a, b, c, d] = fn();console.log([a, b, c, d]); // 1, 2, 3, 4</script></body></html>
作者：Mr柳上原
链接：https://www.jianshu.com/p/0146aaa015a2
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
相关文章推荐
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦