Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Objektattributprüfung, Hinzufügung, Löschung, Zugriffsoperationsbeispiele_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:50:56
Original
950 Leute haben es durchsucht

Eigenschaften prüfen

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

Attribute hinzufügen

Definieren Sie einen Objekthund, weisen Sie dann verschiedene Attribute zu, weisen Sie dann das Farbattribut zu und durchlaufen Sie schließlich alle Attribute und Werte

var dog={
 name:"芒果",
 type:"会之王",
 eat:function(){
  alert("吃");
 }
}
 Object.prototype.color="白色";
 var name;
 for(name in dog){
  document.write(name+" "+dog[name]+"<br>")
 }
Nach dem Login kopieren

Der Effekt ist wie folgt

name 芒果
type 会之王
eat function (){ alert("吃"); }
color 白色
Nach dem Login kopieren

Attribut löschen

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
Nach dem Login kopieren

Auf Eigenschaften zugreifen

var cat = {
  "name": "tom",
  "sex": "man",
  "color": "yellow"
}
var name1 = cat.name; //通过点操作符来访问对象属性
var name2 = cat["name"]; //通过中括号操作符来访问对象属性
Nach dem Login kopieren

Es gibt zwei Möglichkeiten, Objekte zu erstellen

var obj = new Object();
obj.name = "MangGuo";
obj.age = 25;

var obj = {
  name : "MangGuo", //name是属性名,"MangGuo"是值
  age : 25
}

Nach dem Login kopieren
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage