Краткое обсуждение использования объектов в JS

Простая запись об использовании объектов в JavaScript

1. Создать объект

 // Создать пустой объект var o = {}; // Создать объект с двумя атрибутами, x и y var o2 = {x: 12, y: '12', имя: 'js'}; // Значение атрибута автора в этом объекте по -прежнему является объектом var o3 = {x: 12, Author: {name: 'JS', возраст: 23, адрес: 'China'}}; // Создать пустой объект так же, как {} var o4 = new Object (); // Добавить атрибут имени в объект o4.name = 'js'

Выше приведены два способа создания объектов, один из них является буквальным методом, а другой - создавать объекты с использованием новых. Объект после нового называется конструктором.

2. Доступ к объекту

Из вышесказанного мы видим, что мы добавили имя атрибута в противоположный O4, используя номер точки, то есть имя объекта и имя атрибута, которое является одним из методов доступа. Есть два способа доступа к значениям атрибутов в объекте. Первое - использовать точечные номера (.), А второе - использовать массивы (имя объекта [имя атрибута]).

 // Создать пустой объект var o = {}; // Создать объект с двумя атрибутами, x, y var o2 = {x: 12, y: '12', имя: 'js'}; // Значение атрибута автора в этом объекте по -прежнему является объектом var o3 = {x: 12, Author: {name: 'JS', возраст: 23, адрес: 'China'}}; // Создать пустой объект так же, как {} var o4 = new Object (); // Добавить атрибут имени o4.name = 'js'/** Доступ к значению атрибута объекта*/// 1. Используйте номер точки var x = o2.x; // 12 var AuthorOfName = o3.Author.name; // js var name = o4.name; // js // 2. Используйте метод массива var x2 = o2 ['x']; // 12 var AuthorOfName2 = o3 ['Author'] ['name']; // js var name2 = o4 ['name']; // js

Легче понять, как использовать точечные номера для доступа к значениям атрибутов в объекте, но нелегко понять, как использовать массивы. В JavaScript все объекты являются ассоциативными массивами. Так называемые ассоциативные данные-это способ получить доступ к массиву, но этот метод не используется индекс, а индекс строк, который называется ассоциативными массивами.

Приведенное выше доступное значение. Значение атрибута объекта посвящено знанию имени атрибута объекта. Что если вы не знаете значение атрибута объекта? Вы можете использовать для/in, чтобы пройти через значения в объекте.

 // Создать объект с двумя свойствами, x, y, name var o2 = {x: 12, y: '12', имя: 'js'}; for (p in o2) {var property = p; var value = o2 [p]; console.log (свойство); console.log (значение); }

Результат печати:

 x12y12namejs

Видно, что всего есть три атрибута, и их значения напечатаны.

Если объект более сложный, вы можете добавить несколько суждений, чтобы определить, есть ли собственность. Тогда как вы определяете, содержит ли объект определенное свойство? Поскольку в объекте все объекты наследуют, в объекте есть метод hasownproperty (), чтобы определить, есть ли свойство в объекте. Возвращаемое значение - логическое. Обратите внимание, что этот метод будет только судить о том, существуют ли собственные атрибуты объекта, и не будет судить атрибуты, унаследованные объектом.

 // Создать объект с двумя свойствами, x, y, name var o2 = {x: 12, y: '12', имя: 'js'}; var b = o2.hashownproperty ('name') // true var b2 = o2.hashownproperty ('age') // Неверно

3. Добавить и удалить атрибуты

В начале мы добавили атрибут имени к объекту O4. Новый метод на самом деле такой же, как назначение значений атрибутов. Вы также можете добавить атрибуты в объект, используя ассоциативный массив.

 // Создать объект с двумя свойствами, x, y, name var o2 = {x: 12, y: '12', имя: 'js'}; // Удалить атрибут имени удалить o2.name; var b = o2.hashownproperty ('name') // false // добавить атрибут имени o2 ['name'] = 'javascript'; // Поскольку атрибут имени уже существует, вот чтобы переназначить имя o2.name = 'js'; var b3 = o2.hasasownproperty ('name'); //Истинный

Выше, атрибут имени Object O2 был удален, а затем атрибут имени был добавлен с использованием ассоциативного массива, а затем атрибут имени был переназначен с использованием номера точки.

4. Преобразование между объектами и строками

Ecmascript5 имеет встроенное взаимное преобразование между объектами и строками. Теперь большинство основных браузеров поддерживают Ecmascript5. Если он не поддерживает его, вы можете скачать библиотеку классов JSON2.js из Интернета. Эта библиотека может быть использована после введения в файл.

Преобразование между объектом и строкой называется сериализацией объекта, что означает преобразование состояния объекта в строку или преобразование строки в объект. Эти конверсии используют JSON в качестве формата обмена данными. Полное имя JSON - это записка объекта JavaScript.

Используйте json.stringify (), чтобы преобразовать объект в строку; Используйте json.parse (), чтобы преобразовать строку в объект.

 // Определить объект var o = {name: 'javascript', возраст: 24}; // Этот метод является ошибкой при преобразовании в объект. Вы должны использовать следующий метод // var str = "{name: 'javascript', возраст: 24}"; // правильно определить строку объекта var str = '{"name": "javaScript", "AGE": 24}'; // конвертировать объект в строку var str2 = json.stringify (o); console.log ('str2:'+str2+', type:'+(typeof str2)); // str2: {"name": "javascript", "AGE": 24}, тип: строка // конвертировать строку в объект var o2 = json.parse (str); console.log ('o2:'+o2+', type:'+(typeof o2)); // o2: [объект объекта], тип: объект

Вышеуказанное реализует взаимное преобразование между объектами и строками.

Приведенное выше краткое обсуждение использования объектов в JS - это весь контент, которым я делюсь с вами. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.