JavaScript的取值小技巧之“中括號[]取值法”


一、簡介

做下記錄,今天看了一篇很有意思的文章,學到了這個取值的小技巧

正常的話我們一般都是用對象直接去'.'對應的屬性名(也就是鍵值對的鍵)來獲取對應的值

這里記錄的是另一種取值方式,他是采用中括號'[]'來獲取對應屬性的值

這樣寫的好處有:

  1. 如果事先屬對象性的名稱未知,或者說調用的屬性是動態變化的,
  2. 而且這里的屬性不存在,也不會報錯,只會給出undefined未定義,就可以擺脫點的束縛
  3. 用中括號的方式可以最大程度地提升對象調用屬性的靈活度

二、格式

例子:pro["dakeai"]
解析:對象名["屬性"]
注意:這里也可以寫單引號

三、代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
<script type="text/javascript">
    //創建對象
    var pro = {
        xiaokeai: '小可愛',
        dakeai: '大可愛',
        bujin: false
    };

    // 常用取值方式
    var xiaokeai = pro.xiaokeai;
    console.log(xiaokeai);

    // 打印pro對象中bujin的值
    console.log(pro["dakeai"]);
    // 打印pro對象中bujin的值
    console.log(pro["bujin"]);
    // 打印判斷取出的bujin的值類型
    console.log(typeof (pro["bujin"]));

    // 打印不存在的屬性
    console.log(pro["bucunzai"]);

    // 取出pro的bujin屬性作為條件
    if(pro["bujin"])
    {
        console.log(pro['xiaokeai']);
    }else {
        console.log(pro);
    }
</script>
</html>

 

效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM