<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
let json = {
name:"margin",
age:20,
tel:15284075761,
address:"你说呢?_1902"
}
/*es6新增json的简洁语法*/
let name = 'uzi';
let age = 25;
let tel = 12135456748;
let address = "我是no.1";
let json2 = {
name,
age,
tel,
address,
showA:function(){
document.title=this.name;
},
/*es6新增json的简洁语法*/
showB(){
console.log("我是最棒的");
}
}
console.log(json);
console.log(json.name+"___"+json.age+"_____"+json.tel+"___"+json.address);
console.log(`${json.name}___${json.age}___${json.tel}___${json.address}`);
console.log('我的名字是'+json2.name+',今年'+json2.age+',这是我的联系'+json2.tel+'和'+json2.address+'');
console.log(`我的名字是${json2.name},今年${json2.age},这是我的联系${json2.tel},和我的居住${json2.address}`)
json2.showA();
json2.showB();
/*es6新增对象方法*/
/* Object.is(对象1,对象2) 判断两个对象是否相等 */
console.log(Object.is(NaN,NaN));
console.log(Number.isNaN(NaN));
/*lte 新的对象 = Object.assign({},source1,source2...) 合并对象*/
let arrA={0:"aaa"};
let arrB={1:"bbb"};
let arrC={2:"ccc"};
let arrE={length:3}
let arrD=Object.assign({},arrA,arrB,arrC,arrE);
console.log(arrD);
let aa = Array.from(arrD);
console.log(aa)
let jsonA = {a:1};
let jsonB = {b:2,c:4};
let jsonC = {c:3};
//对象合并能够覆盖前面的数据
let jsonE = Object.assign({},jsonA,jsonB);
let jsonF = Object.assign({},jsonA,jsonB,jsonC);
console.log(jsonE);
console.log(jsonF);
/*可以用在Ajax中*/
/* function ajax(options){
let defaults={
type:'get',
header,
data:{}
...
}
let json = Object.assign({},defaults,options);
}
*/
/*对象的索引、值*/
/*Object.keys();
Object.values();
Object.entries();*/
let jsonG = {
as:1,
bc:2,
cs:3
}
for(let index of Object.keys(jsonG)){
console.log(index);
}
for (let val of Object.values(jsonG)) {
console.log(val);
}
for (let [index,val] of Object.entries(jsonG)) {
console.log(`${index}>>>${val}`);
}
/* let {x,y,...z}={as:1,bs:2,cs:3,ds:4};
console.log(x,y,z)
let jsonH = {...jsonG}
console.log(jsonH);
*/
</script>
</body>
</html>