Javascript имеет около 7 различных типов данных —

1. Строка
2. Число
3. Логическое значение
4. Не определено
5. Нуль
6. Символ
7. Объект

Тип данных объекта

Тип данных объекта может содержать следующее:

1. Объект
2. Массив
3. Дата

Массив =) Давайте поговорим об этом.

Объект Javascript Array позволяет хранить список элементов под одним именем переменной и выполнять с ним обычные операции с массивами.

Переменная массивов следует этому шаблону:

const array_variable_name = [ 'ele A', 'ele B', …];

const gemStones= ['Amber', 'Beryl', 'coral', 'Diamond', 'Emerald', 'Garnet'];

Несколько атрибутов, которые следует учитывать при работе с объектами Array:

  1. Массивы JavaScript имеют нулевой индекс:

Это означает, что элементы массива начинаются с 0 и заканчиваются значением длины массива минус 1, то есть первый элемент равен 0, второй элемент равен 1 и т. д.

const laptopBrands = ['HP', 'Dell', 'Samsung', 'MacBook', 'Acer', 'Asus']


//Accessing the third element of the array

laptopBrands[2];
'Samsung'

//Accessing the last element of the array

laptopBrands[laptopBrands.length -1]
'Asus'

2. Массивы JavaScript не являются ассоциативными массивами:

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

let arr = {key1: "value1", keyb:"valueB"};

let boilingPoints= {"water":"100", "ethanol":"78", "toluene":"110.6"}


//Showing the boiling points of different liquids

for(let key in boilingPoints){
console.log("The boiling point of "+ key + " is " + boilingPoints[key] + " degrees celsius.")
};

//Results
The boiling point of water is 100 degrees celsius.
The boiling point of ethanol is 78 degrees celsius.
The boiling point of toulene is 110.6 degrees celsius.

3. Массивы JavaScript могут изменять размер и могут содержать смесь различных типов данных:

Это означает, что переменные массива могут хранить различные типы данных, такие как строки, числа и логические значения. Изменение размера этих данных может быть выполнено с использованием различных методов Javascript.

const arrayData = ['Winter', { name: 'Jane Doe', age:'18' }, 179, false];

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

Методы массива JavaScript:

Существует множество различных методов массива, которые можно использовать для доступа и управления данными, хранящимися в переменной массива.

Мы поговорим о некоторых из них здесь =)

  1. метод pop():

Этот метод удаляет последний элемент из заданного массива и возвращает удаленный элемент.

let gemStones= ['Amber', 'Beryl', 'coral', 'Diamond', 'Emerald', 'Garnet'];

//Remove the listed stones using the pop() method
let removeLastStone = gemStones.pop();

console.log(gemStones);
'Amber', 'Beryl', 'coral', 'Diamond', 'Emerald'

console.log(removeLastStone);
'Garnet'

2. метод push():

Метод push добавляет элементы в конец списка массивов.

let gemStones= ['Amber', 'Beryl', 'coral', 'Diamond', 'Emerald', 'Garnet'];

//Add more stones using the push() method
gemStones.push('pinel','topaz','zircon');

console.log(gemStones);
['Amber', 'Beryl', 'coral', 'Diamond', 'Emerald', 'Garnet', 'pinel', 'topaz', 'zircon']

3. Метод reduce():

Метод reduce запускает функцию редуктора для каждого элемента массива и возвращает одно выходное значение.

let oddNumbers = [1, 3, 5, 7, 9, 11, 13, 15];

let total = oddNumbers.reduce((a, b) => a + b, 0);

console.log(total);
64

4. метод filter():

Метод filter возвращает новый массив элементов, отвечающих всем критериям, указанным в функции.

let oddNumbers = [1, 3, 5, 7, 9, 11, 13, 15];

//access the odd numbers less than 10 from the array given
let smallOddNumbers = oddNumbers.filter(ele => ele < 10);

console.log(smallOddNumbers);
[1, 3, 5, 7, 9]

5. Метод forEach():

Метод forEach реализует предоставленную функцию/действие для каждого отдельного элемента в массиве.

let evenDigits = [2, 4, 6, 8, 10, 12, 14];

//Get the multiples of the numbers in the arrays

let multiples = evenDigits.forEach(ele => console.log(ele * 20));

console.log(multiples);

//Result
40
80
120
160
200
240
280

6. Метод map():

Метод map принимает результат вызова функции для каждого элемента массива и создает новый массив.

let mathScores = [64, 45, 76, 85, 96];

let halvedScore = mathScores.map(ele => ele * 0.5)

console.log(halvedScore);

//Result
[32, 22.5, 38, 42.5, 48]

7. Метод find():

Метод find возвращает значение первого массива, удовлетворяющего указанному требованию функции.

let students = [
{name: "Jane Doe", age: 16},
{name: "Pete Jack", age: 18}, 
{name: "Rose Silver", age: 22},
{name: "Josh Gold", age: 14},
{name: "Amber Rock", age: 12},
]

//Find fist students in the list above 16

let olderStudents = students.find(ele => ele.age > 16);

console.log(olderStudents);

//Result

{name: 'Pete Jack', age: 18}

8. Метод findIndex():

Метод findIndex возвращает индекс первого элемента массива, удовлетворяющего заданной функции, или возвращает -1.

let students = [
{name: "Jane Doe", age: 16},
{name: "Pete Jack", age: 18}, 
{name: "Rose Silver", age: 22},
{name: "Josh Gold", age: 14},
{name: "Amber Rock", age: 12},
]

//Find index of students less than years 16

let indexOfYoungStudent = students.findIndex(ele => ele.age < 16);

console.log(indexOfYoungStudent);

//Result

3

9. метод sort():

Метод sort получает элементы в массиве в последовательности (в порядке возрастания или убывания).

let colors= ['Green', 'Red', 'Yellow', 'Blue', 'Pink', 'Purple']

let sortColors = colors.sort();

console.log(sortColors);

//Result
['Blue', 'Green', 'Pink', 'Purple', 'Red', 'Yellow']

10. метод concat():

Метод concat возвращает новый массив путем объединения двух или более значений или массивов.

let oddNumbers = [1, 3, 5, 7, 9, 11, 13, 15];

let evenDigits = [2, 4, 6, 8, 10, 12, 14];

//Use the concat method to merge tham
let concatValue = oddNumbers.concat(evenDigits);

console.log(concatValue);

//Result

[1, 3, 5, 7, 9, 11, 13, 15, 2, 4, 6, 8, 10, 12, 14]

Мы только что узнали о 10 методах массива Javascript и всех его модификациях. Надеюсь, вы найдете это полезным для своих проектов. "="