JS中的數據類型object基礎

上次咱們簡單概述了基本數據類型的基礎知識,此次咱們主要了解一下引用數據類型中的object的基礎知識javascript

1、定義

  • 一、用鍵值對(key:value 俗稱屬性名和屬性值)來描述一個對象的特徵(每個對象都是綜合體,存在零到多組鍵值對);
  • 二、{ key : value , ...} 每組鍵值對是key : value 的格式,多組鍵值對用逗號分隔;
  • 三、key 不能是引用數據類型,value 能夠是任何的數據類型
    let obj = {
    	name: '張三',
    	age: 25,
    	sex: '男',
    	score: [100, 98, 89],
    	fn: function () {}
        };
    console.log(obj);
    複製代碼

既然咱們的對象主要是由鍵值對組成,那咱們就來講一下鍵值對java

2、鍵值對

  • 組成:
    • 屬性名:屬性值
  • 操做方式:
    • 一、對象.屬性名 = 屬性值
    • 二、對象[屬性名] = 屬性值

    ‘點’和‘[]’在這裏能夠理解爲‘的’數組

一、獲取

  • 獲取值:
    • 一、對象.屬性名
      • 基於這種方法操做,屬性名就是.後面的
      • 這種方式,屬性名不能是數字
    • 二、對象[屬性名]
      • 一、基於這種方式操做,須要保證屬性名是一個值(字符串/數字/布爾均可以)
      • 二、若是不是值而是一個變量,它會把變量儲存的值做爲對象的屬性名進行操做
      • 若是屬性名是數字則只能用此方法

    若是指定的屬性不存在,獲取到的屬性值是undefined(不會報錯)數據結構

    let n = 100;
    let obj = {
    	1: 100
    };
    console.log(obj[1]);
    console.log(obj.1); //=>Uncaught SyntaxError: missing ) after argument list 
    基於點的方式操做有本身的侷限性,屬性名不能是數字的,不能 對象.數字屬性,此時只能用 對象[數字屬性]
    
    console.log(obj[1]);
    console.log(obj['1']); //=>其它非字符串格式做爲屬性名和字符串格式沒啥區別
    
    obj.n = 200; //=> {n:200} n是屬性名(數據格式是字符串)
    obj['n'] = 200; //=> {n:200} 和上面的狀況同樣
    
    obj[n] = 200; //=> {100:200} => obj[100]=200 
    n自己是一個變量(n和'n'的區別:前者是一個變量,後者是一個字符串的值),它表明的是所存儲的值100(是一個數字格式)
    
    obj[m] = 200; //=>Uncaught ReferenceError: m is not defined 
    m這個變量沒有被定義
    
    obj[true] = 300; //=>{true:300}
    obj[undefined] = 400; //=>{undefined:400}
    
    console.log(obj);
    複製代碼
  • 獲取全部屬性名 - Object.keys(對象):返回結果是包含全部屬性名的數組
    let obj = {
        sex: 0
    };
    //============================
    1)獲取指定屬性名的屬性值
        console.log(obj.sex); //=>0
        console.log(obj['sex']); //=>0
    2)若是指定的屬性不存在,獲取到的屬性值是undefined(不會報錯)
        console.log(obj['age']); //=>undefined
    3)獲取當前對象中全部的屬性名:返回結果是包含全部屬性名的數組
        console.log(Object.keys(obj)); //=>["sex"]
    複製代碼

二、增長 | 修改

  • 原理:對象的屬性名(鍵)是不容許重複的ui

    • 以前沒有這個屬性則爲新增
    • 以前有這個屬性名,則是修改對應的屬性值
    let obj = {
        sex: 0
    };
    //============================
    obj.name = '張三';//=> 新增
    obj['name'] = "李四";//=> 修改 由於此時obj中已經有name:‘張三’存在了,因此這次操做爲修改
    複製代碼

三、刪除

  • 真刪除:完全把屬性從對象中移除
    • delete obj.name
  • 假刪除:當前屬性還存在,只不過屬性值爲空
    • obj.name = null

3、引用數據類型不能做爲屬性名

let n = {
    x: 100
};
let m = [100, 200];
let obj = {};
obj[n] = "張三"; //=>obj[{x:100}] 可是對象不能做爲屬性名,須要把其轉換爲字符串 =>{"[object Object]":"張三" }
obj[m] = "李四"; //=>obj[[100,200]] =>{ "100,200":"李四" }
console.log(obj); 
    
//=>若是非要讓屬性名是個對象,只能基於ES6中的新數據結構 Map 處理
複製代碼

爲了加深理解,這裏咱們引用三題及詳解spa

4、數組相對於對象的特色

數組是特殊的對象code

  • 一、它的屬性名是數字,數字從零開始,逐級遞增,每個數字表明着當前項的位置=>咱們把這種數字屬性名叫作「索引」
  • 二、默認有一個length 屬性存儲數組的長度
let arr = [10, 20, 30];
console.log(arr[0], arr[1], arr[2]);
console.log(arr.length);
console.log(arr['length']);
複製代碼

思惟導圖

相關文章
相關標籤/搜索