ES6基础入门教程（九）修改对象的键值

Posted 2023-05-08

参考技术A ES6 允许字面量定义对象时，即把表达式放在方括号内。

在ES5中创建对象的键就三种object.xx、object['xx']、Object.defineProperty可以用来构建对象的键。在ES6中可以使用更多的方法来创建。

有的时候 ，我们可能需要修改键的名字，es5怎么写我就不管了。。因为太复杂了，你看下es6就行了。
“[ ]” 括号里面可以放方法 也可以放对象 随你喜欢。

根据属性名表达式，还他妈能直接在里面运行方法，贼变态：

了解ES6的Map数据结构

<script>
    /*
        Map数据结构是ES6推出的，它是一个类对象，普通对象的键值只能使用string，而map数据结构的键值可以使用任意对象，不受限制
        Map是一个构造函数，通过new Map()   来构建
        如果需要键值对的数据格式，Map比Object更加适合
        如果对同一个键进行重复赋值，那么前面的值会被后替换
        拥有于set数据结构同样的遍历方法，遍历的顺序就是数据插入的顺序
        转化为数组结构可以使用展开运算符    ... 

    */
    let map = new Map([
        [{a:‘a‘},123],
        [[],‘b‘],
        [function(){},‘数组‘]
    ]);
    //方法
    map.set(1,1);    //set()添加值
    map.get(1);  //读取值
    map.size ;    //得到成员的数量
    map.has(1);    //验证是否是当前的数据结构，返回布尔值
    map.delete(1); //删除值
    map.clear();  //删除全部的值
    
    //遍历方法
    map.prototype.keys();   //遍历键名
    map.prototype.values(); //遍历键值
    map.prototype.entries();//遍历键值对
    map.prototype.forEach();//遍历所有成员

</script>

 

作为一名前端的小白，Typescript都来了，怎么能不掌握好ES6呢？

必须得跟上时代的脚本，否则只能淘汰啦。

这是我在阮一峰大佬的ECMAScript 6上学习到的内容，发此博客来记录我的学习内容，并且与大家一起分享

注：这是我的学习地址，对es6感兴趣的小伙伴们可以去看http://es6.ruanyifeng.com