Начало работы с объектом Javascript

Объект - это один из типов данных JavaScript. Это похоже на массив. Вы можете получить доступ к их данным и изменить их через свойства.

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

Вот пример автомобильного объекта:

var car = {
  “brandName": “Toyota",
  “color": “Red" ,
  “year": 2018
};

В приведенном выше примере все свойства хранятся в виде строк, таких как название бренда, цвет и год. Число также можно использовать как свойства.

ДОСТУП К СВОЙСТВАМ ОБЪЕКТА

Вы можете получить доступ к объекту с помощью

Точечная запись (.)
Обозначение скобок ([])

ТОЧЕЧНОЕ ОБОЗНАЧЕНИЕ

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

var myName = {
  firstName: “Dorcas”,
  lastName: “Bamisile”,
  age: 22
};
var myFirstName = myName.firstName;
var myLastName = myName.lastName;
var myAge = myName.age;
console.log(myFirstName) //Dorcas
console.log(myLastName) //Bamisile
console.log(myage) // 22

ОБОЗНАЧЕНИЕ КРОНШТЕЙНА

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

Пример обозначения скобок:

var myName = {
  “First Name”: “Dorcas”,
  “Last Name”: “Bamisile”, 
  “Age": 22
};
var myFirstName = myName[“First Name”];
var myLastName = myName[“Last Name”];
var myAge = myName[“Age”];
console.log(myFirstName) //Dorcas
console.log(myLastName) //Bamisile
console.log(myAge) // 22

Имена свойств с пробелами должны быть заключены в одинарные или двойные кавычки.

ОБНОВЛЕНИЕ СВОЙСТВ ОБЪЕКТА

Объект можно обновить после того, как вы его создали. И вы можете использовать либо точечную нотацию, либо обозначение скобками, чтобы сделать обновление. Например, глядя на myName, давайте изменим myFirstName на Oluwadamilola.

var myName = {
  firstName: "Dorcas",
  lastName: "Bamisile",
  age: 22
};
//Updating Using Dot Notation
   myName.firstName = "Oluwadamilola"
   myName.age = 23
//Checking the updated value with dot notation in the console
   console.log(myName.firstName); //Oluwadamilola
   console.log(myName.age); // 23
//Updating Using Bracket Notation
   myName["firstName"] = "Oluwadamilola";
   myName["age"] = 23;
//Checking the updated value with bracket notation in the console
   console.log(myName["firstName"]); //Oluwadamilola
   console.log(myName["age"]); // 23

ДОБАВЛЕНИЕ НОВЫХ СВОЙСТВ К ОБЪЕКТУ JAVASCRIPT
Вы можете добавлять новые свойства к существующим объектам JavaScript так же, как вы бы их изменяли.

//Adding new properties with dot notation
     myName.nickName = "BD";
//Adding new properties with bracket notation
     myName["nickNmae"] = "BD";

УДАЛЕНИЕ СВОЙСТВ ИЗ ОБЪЕКТА JAVASCRIPT

Мы можем удалять свойства из объектов следующим образом:
delete myName.age;

Пример:

var myName = {
  firstName: "Dorcas",
  lastName: "Bamisile",
  age: 22,
  nickName: "BD"
};
//Deleting properties with dot notation
   delete myName.age;
//Deleting properties with bracket notation
   delete myName["nickName"]

МАНИПУЛИРОВАНИЕ СЛОЖНЫМИ ОБЪЕКТАМИ

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

Пример сложной структуры данных:

var myName = [
 {
   "firstName": "Dorcas",
   "lastName": "Bamisile",
   "nickName": "BD",
   "otherNames: [
      "Oluwadamilola",
      "Opeyemi",
      "Gajel Yeong-yang"
   ],
   "age": 22
  }
];

ДОСТУП К ВЛОЖЕННЫМ ОБЪЕКТАМ

Доступ к подсвойствам объектов можно получить, объединив в цепочку обозначение точки или скобки.

Вот вложенный объект:

var myFamily = {
  "male": {
     firstMaleName: "Adewale"
   },
  "female": {
     "firstFemale": {
        "name": "Olajumoke",
        "nickName": "Orente"
     },
     "secondFemaleName": "Dorcas"
     }
};
//Checking in the console
console.log(myFamily.female.firstFemale.nickName); //Orente
console.log(myFamily.male.firstMaleName);  //Adewale

#Javascript #SCAOAU #SCA #LadyInTech

Начало работы с объектом Javascript

Вопросы по теме