es6中的对象的可计算的属性名

Posted 2020-10-10 sandy.simple

先简单的啰嗦一下对象的属性：

var obj = {
    a:2
}

要访问obj中a的位置，方法：1. obj.a     //2            2..obj ["a"]            //2

var myObj = {};
myObj[3] = "tony";
myObj[true] = "walker";
console.log(myObj["3"]);   //tony
console.log(myObj["true"]);   //walker

其实，在对象中属性名永远是字符串，如果使用 string 以外的其他值作为属性名，那它首先会被转换一个字符串。即使数字也不例外，虽然在数组下标中确实使用数字，但是在对象属性名中数字会被转换成字符串，所以不能搞混数组和对象中数字的用法。

可计算属性名：

如果需要通过表达式来计算属性名，这种obj [...]的属性访问方式就派上用场了，es6增加了可计算属性名,可以在文字的形式中使用[]包裹一个表达式作为属性名：

    var name = "tony";
    var obj = {
        [name + " and walker"] : "is friend"
    }
    console.log(obj["tony and walker"]); //is friend

我的一个代码练习：

function domArr(a,b,num){
    var arr = [];
    var json ={};
    if(a>b){
        var c = a;
        a = b;
        b = c;
    }
    if(num>(b-a)){
        num = (b-a)
    }
    while(Object.keys(json).length<num){
        var count = Math.floor(Math.random()*b+a);
        json[count] = count;
    }
    return Object.keys(json);
}
console.log(domArr(2,15,5));

View Code