«Основы JavaScript - Работа с объектами»

Когда вы впервые начинаете работать с JavaScript (или с чем-то еще), важно понимать основы. Хотя вам может быть не терпится погрузиться в веб-разработку с головой, вы должны знать несколько фундаментальных вещей, которые помогут вам добиться успеха.

JavaScript (язык программирования высокого уровня, который может выполнять самые сложные решения веб-разработки) может быть очень сложным для понимания вначале. Есть достаточно делегирования событий, методов массива и стрелочных функций, чтобы вы всегда были заняты. Однако в этой статье мы рассмотрим нечто менее сложное - объекты.

Ну что такое объект?

Ну, как бы просто это ни звучало, мы с тобой - объекты.

Как и любой объект в JavaScript, у нас есть свойства (имя, возраст, рост и т. Д.) И методы (бегать, говорить, танцевать). Но не любые два человека одинаковы - хотя у них может быть одно и то же сходство, другие вещи могут отличаться. Объекты - это контейнеры, в которых хранятся данные. Но почему объекты важны?

Я хотел создать двух людей, у каждого из которых (person и person2) есть имя, возраст, работа и настроение. Самый простой способ - разместить эти элементы в массиве, по крайней мере, вы так думаете. Но здесь есть много вещей, которые могут пойти не так. Во-первых, эти элементы внутри коллекции (Джек, тренер по разработке программного обеспечения и т. Д.) Не имеют логического порядка - нет четкого способа вызвать любой элемент, ЕСЛИ вы не знаете, где находится каждый элемент. Если бы я хотел получить имя для person2, это было бы person2 [0]. Но что, если я не смогу увидеть данные и попытался захватить возраст человека и человека2? О, суматоха.

introObjects - обо всем по порядку - в отличие от массива, в объектах используются фигурные скобки (‘{}’) вместо квадратных скобок («[]»). Во-вторых, все, что находится в этих скобках, имеет пару ключ / значение (имя: «Рей», настроение: «Готово к блогам»). Может быть, подумайте о «словаре», где у этого элемента есть тысячи пар ключ / значение (слова и определения). Наконец, в отличие от массива - здесь нет порядка! Нет ни первого, ни второго, ни третьего порядка. Неважно, как эти предметы хранятся; пока у них есть пара ключ / значение, у вас есть ДОСТУП!

Ну а если у меня теперь есть доступ? Как я могу теперь захватить элемент, который находится внутри моего объекта?

Есть два основных способа извлечения элементов из нашего недавно разработанного объекта: скобки и точечная нотация. Как показано на рисунке выше с использованием обозначения в скобках, если бы я хотел взять имя Рей, я бы сначала написал элемент или объект, который я создал (человек), а в квадратных скобках - ключ, к которому я пытался получить доступ («имя»). Идея точечной нотации такая же (Object.Key).

Теперь существует множество способов неправильного использования этих обозначений, и для ясности я хочу дать вам несколько примеров того, когда эти два решения.

Во-первых, есть 2 ситуации, в которых точечная нотация не работает.

Если вы каким-то образом окажетесь на этом пути точечной нотации - было бы очень важно отметить, что если ваш ключ или элемент имеет пробел или начинается с числа, может быть гораздо лучшим решением использовать нотацию в скобках. Если в вашем ключе есть пробел после точечной записи, он будет готов только к элементу перед пробелом (вместо доступа к имени элемента - они просто захватили «первый» и назвали его как ошибку).

Важно отметить, что вам придется использовать скобки, если вы хотите найти переменную. Выше переменная строка равна имени. Если вы пытались это сделать, важно отметить, что вам придется использовать скобки, если вы хотите найти переменную. Выше переменная строка равна имени. Если вы попытались использовать точечную нотацию для захвата этой строки, он будет искать только строку, в отличие от записи в скобках, которая будет захватывать строку, оценивать ее значение и возвращать имя или свойство.

Наконец, давайте посмотрим, как обновить объект.

Во-первых, давайте создадим второй объект под названием person2 с соответствующими парами ключ / значение. Следующим шагом будет захват элемента, в который вы хотите внести изменения, и использование обозначения точки / скобки, которое мы узнали выше, для обновления этого значения.

Независимо от того, используем ли мы точечную запись или запись в скобках - довольно легко получить доступ к элементам и обновить наш объект.

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

Ссылки.