JavaScriptオブジェクト属性チェック、追加、削除、アクセス操作例

1779 ワード

属性をチェック


var mouse = {
 "name": "betta",
 "age": 3,
 "varieties": "milaoshu"
}
 
mouse.hasOwnProperty("name"); // true
mouse.hasOwnProperty("sex"); //false

属性を追加
オブジェクトのdogを定義し、さまざまな特性を与え、カラーを与え、最後にすべての属性と値を巡回します.


var dog={
 name:"  ",
 type:"   ",
 eat:function(){
  alert(" ");
 }
}
 Object.prototype.color="  ";
 var name;
 for(name in dog){
  document.write(name+" "+dog[name]+"
")
 }

効果は以下の通りです


name   
type    
eat function (){ alert(" "); }
color

属性を削除


var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
delete cat.name;
cat.sex = undefined;
cat.color = null;
alert("name      ：" + cat.hasOwnProperty("name")); //false
alert("sex      ：" + cat.hasOwnProperty("sex")); //true
alert("color      ：" + cat.hasOwnProperty("color")); //true

アクセスのプロパティ


var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
var name1 = cat.name; //             
var name2 = cat["name"]; //

オブジェクトを作成する2つの方法があります.


var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;

var obj = {
  name : "MangGuo", //name    ，"MangGuo"  
  age : 25
}

javascriptブラウザを跨ぐ属性判断方法