Массив
Сначала поговорим о массивах. Массив создается так же, как переменная создается с помощью `var`, `let` или `const`.
Массив в JavaScript выглядит так.
let student = ['james', 13, 58, 45.5, true ]; |
Любой тип данных может храниться в массиве. Даже массив можно хранить внутри массива. Элементы данных в массиве называются элементами. Доступ к элементам данных в массиве осуществляется по их индексу.
let student = ['james' , 13, 58, 45.5, true]; | |
console.log(student[2]); |
Вы также можете добавить два массива. Это называется объединением массивов.
let student = ['james' , 13, 58, 45.5, true]; | |
let student2 = ['luke', 13, 65, 50.5, false]; | |
console.log(student.concat(student2)); |
Даже строку можно разделить на элементы и сохранить в массиве. В () указано, с помощью чего его выделять.
let player = "christiano ronaldo".split('') |
Таким образом, данные можно заменить с помощью индекса массива.
let student = ['james', 13, 58, 45.5, true]; | |
student[1] = 15; |
Вставка и удаление элементов из массива
Если вы хотите ввести данные в качестве первого элемента массива, используется этот метод
let student = ['james', 13, 58, 45.5, true]; | |
student.unshift('silva'); |
Если вы хотите ввести данные в качестве последнего элемента массива, используется этот метод.
let student = ['james', 13, 58, 45.5, true]; | |
student.push(65); |
Если вы хотите удалить первый элемент массива, используется этот метод.
let student = ['james', 13, 58, 45.5, true]; | |
student.shift(); |
Если вы хотите удалить последний элемент массива, используется этот метод
let student = ['james', 13, 58, 45.5, true]; | |
student.pop(); |
Даже если массиву присвоено значение, может быть создан пустой элемент, если количество элементов меньше указанного значения. При использовании метода unshift, push можно избежать создания пустого элемента. И отсутствие элемента в массиве также позволяет избежать присвоения нового значения.
Метод, который может легко вводить данные в массив, упомянутый ранее, был реализован с использованием цикла.
let stdMarks = [ ]; | |
for (let i = 0; i < 5; i++) { | |
stdMarks.push(prompt(`Enter ${i + 1} Student Marks`)); | |
} | |
console.log(stdMarks); |
Деструктурировать массив можно следующим образом. Данные массива легко использовать снаружи.
let stdName = [ "james", "luke", "steve"]; | |
let [student1, student2, student3 ] = classStudent ; | |
console.log (student2); |
Объект
Любой тип данных может храниться как в объекте, так и в массиве. Здесь он хранится как пара ключ-значение. Даже массив может храниться в объекте. Даже объект может храниться в объекте. Даже если у объекта есть несколько похожих значений, ключ не может дублироваться.
let person = { | |
name:"james", | |
age: 25; | |
city: "new york" | |
}; |
Доступ к данным в объекте может осуществляться таким образом.
let person = { | |
name:"james", | |
age: 25; | |
city: "new york" | |
}; | |
console.log(person.age); //method 1 | |
console.log(person[age]); //method 2 |
Этот метод можно использовать для вставки новых данных в объект.
let person = { | |
name:"james", | |
age: 25; | |
city: "new york" | |
}; | |
person.mark = 65; |
Разрушение объекта
let person = { | |
name:"james", | |
age: 25; | |
city: "new york" | |
}; | |
const {city, age } = obj; | |
console.log(city, age); |
Это позволяет легко выбирать только необходимые данные в объекте и использовать их извне.
При создании переменной в памяти выделяется отдельное место для ее хранения. Значение существующей переменной присваивается другой новой переменной и автоматически сохраняется отдельно в памяти. Но при присвоении значения объекта или массива новому объекту или массиву делается только ссылка на то место, где значение хранилось ранее. Он не хранится отдельно в памяти как новый объект или массив.
В качестве решения используется оператор спреда. Здесь данные ранее созданного массива или объекта могут быть присвоены новому массиву или объекту и храниться отдельно в памяти. Таким образом, их данные могут быть изменены отдельно.
let person = { | |
name:"james", | |
age: 25; | |
city: "new york" | |
}; | |
let person2 = {...person}; |
Спасибо….