Uma breve discussão sobre o uso de objetos em JS

Registro simples do uso de objetos em JavaScript

1. Crie um objeto

 // Crie um objeto vazio var o = {}; // Crie um objeto com dois atributos, x e y var o2 = {x: 12, y: '12', nome: 'js'}; // O valor do atributo do autor neste objeto ainda é um objeto var o3 = {x: 12, autor: {nome: 'js', idade: 23, endereço: 'China'}}; // Crie um objeto vazio igual a {} var o4 = new Object (); // Adicione o atributo de nome ao objeto o4.name = 'js'

O acima usa duas maneiras de criar objetos, um é o método literal e o outro é criar objetos usando o novo. O objeto após o novo é chamado de construtor.

2. Acesso ao objeto

Do exposto, podemos ver que adicionamos um nome de atributo ao O4 oposto, usando o número de pontos, ou seja, o nome do objeto e o nome do atributo, que é um dos métodos de acesso. Existem duas maneiras de acessar valores de atributo em um objeto. O primeiro é usar números de pontos (.), E o segundo é usar matrizes (nome do objeto [nome do atributo]).

 // Crie um objeto vazio var o = {}; // Crie um objeto com dois atributos, x, y var o2 = {x: 12, y: '12', nome: 'js'}; // O valor do atributo do autor neste objeto ainda é um objeto var o3 = {x: 12, autor: {nome: 'js', idade: 23, endereço: 'China'}}; // Crie um objeto vazio igual a {} var o4 = new Object (); // Adicione o atributo de nome ao objeto o4.name = 'js'/** Acesse o valor do atributo do objeto*/// 1. Usar o número do ponto var x = o2.x; // 12 var autorofName = o3.author.name; // js var name = o4.name; // js // 2. Use o método da matriz var x2 = o2 ['x']; // 12 var autorofName2 = o3 ['autor'] ['nome']; // js var name2 = o4 ['nome']; // js

É mais fácil entender como usar os números de pontos para acessar valores de atributo em um objeto, mas não é fácil entender como usar matrizes. No JavaScript, todos os objetos são matrizes associativas. Os chamados dados associativos são a maneira de acessar uma matriz, mas esse método não é o índice usado, mas o índice de string, que é chamado de matrizes associativas.

O acima acessa o valor do atributo de objeto é sobre saber o nome do atributo de objeto. E se você não souber o valor do atributo de objeto? Você pode usar para/in para fazer um loop através dos valores no objeto.

 // Crie um objeto com duas propriedades, x, y, nome var o2 = {x: 12, y: '12', nome: 'js'}; for (p em O2) {var propriedade = p; var valor = o2 [p]; console.log (propriedade); console.log (valor); }

O resultado da impressão é:

 x12y12Namejs

Pode -se observar que existem três atributos no total e seus valores são impressos.

Se o objeto for mais complicado, você poderá adicionar alguns julgamentos para determinar se existe uma propriedade. Então, como você determina se um objeto contém uma determinada propriedade? Como os objetos todos herdam o objeto, existe um método HASOWNPROPERTY () no objeto para determinar se existe uma propriedade no objeto. O valor de retorno é um booleano. Observe que esse método só julgará se existem os próprios atributos do objeto e não julgará os atributos herdados pelo objeto.

 // Crie um objeto com duas propriedades, x, y, nome var o2 = {x: 12, y: '12', nome: 'js'}; var b = o2.HasownProperty ('nome') // true var b2 = o2.HasownProperty ('idade') // false

3. Adicione e exclua atributos

No início, adicionamos um atributo de nome ao objeto O4. O novo método é realmente o mesmo que atribuir valores de atributo. Você também pode adicionar atributos ao objeto usando a matriz associativa.

 // Crie um objeto com duas propriedades, x, y, nome var o2 = {x: 12, y: '12', nome: 'js'}; // Excluir nomes atributo excluir o2.name; var b = o2.HasownProperty ('nome') // false // Adicione o atributo de nome o2 ['nome'] = 'javascript'; // porque o atributo de nome já existe, aqui está para reatribuir o nome o2.name = 'js'; var b3 = o2.HasownProperty ('nome'); //Verdadeiro

Acima, o atributo de nome do objeto O2 foi excluído e, em seguida, o atributo de nome foi adicionado usando a matriz associativa e, em seguida, o atributo de nome foi transferido usando o número de pontos.

4. Conversão entre objetos e cordas

O ECMAScript5 possui conversão mútua interna entre objetos e strings. Agora, a maioria dos navegadores convencionais suporta o ECMAScript5. Se não o suportar, você poderá fazer o download da biblioteca de classes JSON2.JS da Internet. Esta biblioteca pode ser usada após introduzi -la em um arquivo.

A conversão entre um objeto e uma string é chamada de serialização do objeto, o que significa converter o estado do objeto em uma string ou converter uma string em um objeto. Essas conversões usam o JSON como formato de troca de dados. O nome completo do JSON é a notação de objeto JavaScript.

Use json.stringify () para converter o objeto em uma string; Use json.parse () para converter a string em um objeto.

 // Defina um objeto var o = {nome: 'javascript', idade: 24}; // Este método é um erro ao converter para um objeto. Você deve usar o seguinte método // var str = "{nome: 'javascript', idade: 24}"; // Defina corretamente a sequência do objeto var str = '{"name": "JavaScript", "Age": 24}'; // converte o objeto em uma string var str2 = json.Stringify (O); console.log ('str2:'+str2+', tipo:'+(typeof str2)); // str2: {"name": "javascript", "idade": 24}, tipo: string // converte a string em um objeto var o2 = json.parse (str); console.log ('o2:'+o2+', tipo:'+(tipoof o2)); // o2: [objeto objeto], tipo: objeto

O acima implementa a conversão mútua entre objetos e cordas.

A breve discussão acima sobre o uso de objetos no JS é todo o conteúdo que compartilho com você. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.