Js objects: различия между версиями

Материал из GTL-wiki
Перейти к навигации Перейти к поиску
 
(не показано 18 промежуточных версий этого же участника)
Строка 2: Строка 2:
Объекты - ассоциативные массивы данных и используются для хранения коллекций различных значений и более сложных сущностей по принципу "Ключ: Значение".
Объекты - ассоциативные массивы данных и используются для хранения коллекций различных значений и более сложных сущностей по принципу "Ключ: Значение".


== Объявление объекта: ==
== Объявление объекта ==
Для создания пустого объекта данных используется вариант записи:
Для создания пустого объекта данных используется вариант записи:
<pre style="color: purple">let obj = {};</pre>
:<code style="color: purple">let obj = {};</code>


== Часто применяемые методы массива ==
== Часто применяемые методы объекта ==
[ i ] - доступ к элементу массива по индексу:
Доступ к элементу объекта по ключу:
<pre style="color: purple">let arr = ['первый', 'второй'];
<pre style="color: purple">
arr[0]; //получим доступ к значению 'первый' </pre>
let obj = {
  name: "Aleksey",
  age: 40
};
obj.name; //получим доступ к значению "Aleksey"
obj["name"]; //альтернативный способ доступа к значению "Aleksey"
</pre>


push - предназначен для добавления нового элемента в конец массива:
<code>delete</code> - удаление свойства:
<pre style="color: purple">let arr = ['первый', 'второй'];
<pre style="color: purple">
arr.push('третий'); //добавим элемент 'третий' в конец массива</pre>
let obj = {
  name: "Aleksey",
  age: 40
};
delete.age; //удаляем свойство "age" из объекта
</pre>


pop - удаляет последний элемент из массива:
<code>in</code> - проверяет существует ли свойство в объекте:
<pre style="color: purple">let arr = ['первый', 'второй', 'третий'];
<pre style="color: purple">
arr.pop(); //удаляем элемент 'третий' из массива</pre>
let obj = {
  name: "Aleksey",
  age: 40
};
"age" in obj; //вернет значение true
</pre>


length - отражает длину массива или, если точнее, его последний цифровой индекс плюс один. Длина корректируется автоматически методами массива.
В качестве ключа может выступать значение переменной:
Если мы уменьшаем length вручную, массив укорачивается.
<pre style="color: purple">
<pre style="color: purple">let arr = ['первый', 'второй', 'третий'];
let obj = {};
arr.length; // 3</pre>
let key1 = "name";
let key2 = 1021;
 
obj[key1] = "Aleksey"; //записываем пару name: "Aleksey";
obj[key2] = 1210; //записываем пару 1021: 1210;
</pre>


== Пример использования ==
== Пример использования ==
Наглядным примером может служить формирование результата работы диагностического скрипта:
<pre>
let result = {
  Result: true,
  AMPL: ampl_spen.value,
  RMS: rms_spen.value,
  PF: ampl_spen.value / rms_spen.value,
  Defects: Defect,
  Types: Defect_type,
  Square: AQ
};
</pre>

Текущая версия от 04:20, 13 февраля 2024

Краткое описание

Объекты - ассоциативные массивы данных и используются для хранения коллекций различных значений и более сложных сущностей по принципу "Ключ: Значение".

Объявление объекта

Для создания пустого объекта данных используется вариант записи:

let obj = {};

Часто применяемые методы объекта

Доступ к элементу объекта по ключу:

let obj = {
  name: "Aleksey",
  age: 40
};
obj.name; //получим доступ к значению "Aleksey" 
obj["name"]; //альтернативный способ доступа к значению "Aleksey"

delete - удаление свойства:

let obj = {
  name: "Aleksey",
  age: 40
};
delete.age; //удаляем свойство "age" из объекта

in - проверяет существует ли свойство в объекте:

let obj = {
  name: "Aleksey",
  age: 40
};
"age" in obj; //вернет значение true

В качестве ключа может выступать значение переменной:

let obj = {};
let key1 = "name";
let key2 = 1021;

obj[key1] = "Aleksey"; //записываем пару name: "Aleksey";
obj[key2] = 1210; //записываем пару 1021: 1210;

Пример использования

Наглядным примером может служить формирование результата работы диагностического скрипта:

let result = {
  Result: true,
  AMPL: ampl_spen.value,
  RMS: rms_spen.value,
  PF: ampl_spen.value / rms_spen.value,
  Defects: Defect,
  Types: Defect_type,
  Square: AQ
};