1. 程式人生 > >javascript對Object資料型別的操作

javascript對Object資料型別的操作

Object變數的定義(兩種方法):

var map1=new Object();
var map2={};
變數型別的判斷:
console.log(typeof map1);
console.log(typeof map2);

在瀏覽器控制檯中輸出的結果均為:object型別,證明上面兩種object型別的資料建立是成功的。

Object變數屬性的新增(兩種方法):

map1.id=0;
map1.text='root';

map2['id']=0;
map2['name']='root2';

新增後的結果:


物件屬性的刪除(兩種方式):

delete map2.id;
delete map2['text'];

物件屬性的修改

map1.id=1;
map1['text']='parentRoot';

查詢是否含有某屬性,返回值是布林型,存在則是true,不存在則是false

map1.hasOwnProperty('id')

獲取物件的key,返回是個array陣列
console.log(Object.keys(map1));
console.log(Object.getOwnPropertyNames(map1));
獲取物件指定屬性的value值
console.log(map1.id);
console.log(map1['text']);

需要注意的是Object還有一個values方法,方法示例如下:

// array like object with random key ordering
var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']

而該values方法在我本地沒有測試通過,應該是瀏覽器版本的問題。

對於values方法的參考可以看下面的連結:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/values