es6对象新增1

<!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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值