上次咱們簡單概述了基本數據類型的基礎知識,此次咱們主要了解一下引用數據類型中的
object
的基礎知識javascript
let obj = {
name: '張三',
age: 25,
sex: '男',
score: [100, 98, 89],
fn: function () {}
};
console.log(obj);
複製代碼
既然咱們的對象主要是由鍵值對組成,那咱們就來講一下鍵值對java
‘點’和‘[]’在這裏能夠理解爲‘的’數組
.
後面的若是指定的屬性不存在,獲取到的屬性值是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);
複製代碼
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:‘張三’存在了,因此這次操做爲修改
複製代碼
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
數組是特殊的對象code
let arr = [10, 20, 30];
console.log(arr[0], arr[1], arr[2]);
console.log(arr.length);
console.log(arr['length']);
複製代碼