JavaScript - Объекты: Пособие для начинающих

Здравствуйте,future programmers! Я рад быть вашим проводником в увлекательное путешествие в мир объектов JavaScript. Как кто-то, кто преподавал программирование на протяжении многих лет, я могу告诉你, что понимание объектов - это как解锁 тайное суперсиле в JavaScript. Так что давайте нырнем!

Что такое объекты JavaScript?

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

let myDog = {
name: "Buddy",
age: 3,
breed: "Golden Retriever",
favoriteToy: "жужжащая игрушка"
};

Это то, что мы называем объектным литералом. Это как контейнер, который хранит связанную информацию. Каждая информация - это свойство, с именем (например, "name" или "age") и значением ("Buddy" или 3).

Свойства объекта

Теперь у нас есть объект myDog, как мы можем получить доступ к его свойствам? Есть два способа:

1. Точечная запись:

   console.log(myDog.name); // Выводит: Buddy

2. Квадратная запись:

   console.log(myDog["age"]); // Выводит: 3

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

Мы также можем добавить новые свойства к нашему объекту:

myDog.isGoodBoy = true;
console.log(myDog.isGoodBoy); // Выводит: true

Или изменить существующие:

myDog.age = 4;
console.log(myDog.age); // Выводит: 4

Методы объекта

Методы - это функции, принадлежащие объекту. Это как действия, которые может выполнять наш объект. Давайте добавим метод к нашему объекту myDog:

myDog.bark = function() {
console.log("Woof woof!");
};

myDog.bark(); // Выводит: Woof woof!

Теперь наша собака может лаять! Не правда ли это классно?

Создание новых объектов

Мы видели, как создавать объекты с помощью объектных литералов, но есть еще один способ с использованием конструктора Object():

let myCat = new Object();
myCat.name = "Whiskers";
myCat.age = 5;
myCat.meow = function() {
console.log("Meow!");
};

myCat.meow(); // Выводит: Meow!

Этот метод менее распространен, но полезно знать, что он существует.

Определение методов для объекта

Мы можем определять методы при создании объекта, так же как и свойства:

let myParrot = {
name: "Polly",
age: 2,
speak: function() {
console.log("Polly wants a cracker!");
}
};

myParrot.speak(); // Выводит: Polly wants a cracker!

Есть также короткий способ определения методов:

let myHamster = {
name: "Fuzzy",
age: 1,
run() {
console.log("Running on the wheel!");
}
};

myHamster.run(); // Выводит: Running on the wheel!

Ключевое слово 'with'

Ключевое слово with может сделать ваш код короче, когда вы работаете со свойствами одного и того же объекта несколько раз:

with(myDog) {
console.log(name);
console.log(age);
bark();
}

Однако будьте осторожны с with, так как он может сделать ваш код менее понятным и не рекомендуется в строгом режиме.

原唱ные объекты JavaScript

JavaScript предоставляет несколько встроенных объектов, которые предоставляют полезные функции. Вот некоторые из самых распространенных:

Объект	Описание
String	Представляет и manipulates текст
Number	Представляет числовые значения
Boolean	Представляет true/false значения
Array	Представляет список значений
Math	Provides mathematical операции
Date	Представляет даты и время

Давайте рассмотрим несколько примеров:

let greeting = "Hello, World!";
console.log(greeting.length); // Выводит: 13

let pi = Math.PI;
console.log(pi); // Выводит: 3.141592653589793

let today = new Date();
console.log(today); // Выводит: текущая дата и время

Методы объектов JavaScript

Объекты в JavaScript приходят с некоторыми встроенными методами. Вот несколько важных:

Метод	Описание
Object.keys()	Возвращает массив имён свойств объекта
Object.values()	Возвращает массив значений свойств объекта
Object.entries()	Возвращает массив пар [ключ, значение] объекта
Object.assign()	Копирует свойства из одного объекта в другой

Давайте посмотрим, как они работают:

let keys = Object.keys(myDog);
console.log(keys); // Выводит: ["name", "age", "breed", "favoriteToy", "isGoodBoy", "bark"]

let values = Object.values(myDog);
console.log(values); // Выводит: ["Buddy", 4, "Golden Retriever", "squeaky ball", true, ƒ]

let entries = Object.entries(myDog);
console.log(entries); // Выводит: [["name", "Buddy"], ["age", 4], ...]

let newDog = Object.assign({}, myDog);
console.log(newDog); // Выводит: копию myDog

И вот и все! Вы только что сделали свои первые шаги в мир объектов JavaScript. Помните, что практика makes perfect, так что не бойтесь экспериментировать с созданием своих собственных объектов и методов. Before you know it, вы будете жонглировать объектами как профи-программист!

Счастливого кодирования и пусть ваши объекты всегда будут без ошибок!

Credits: Image by storyset