Массивы
Массивы – это тип данных, который может хранить список последовательностей значений. Он написан как список значений между квадратными скобками, разделенными запятыми. Все массивы имеют 0 индексированы в JavaScript, то есть первый элемент начинается с индекса 0, а не с обычным 1. Это стандарт на всех языках кодирования, и это было своего рода традицией.
let list = [1, 2, 3, 4, 5];
//You can access each value inside this array as :
console.log("The first element is : "+list[0]);
//The first element is 1
Два основных способа доступа к свойствам в JavaScript – с точкой и квадратными кронштейнами. Как value.x, так и значение [x] доступ к свойству на значении – но не обязательно одно и то же свойство. Разница в том, как X интерпретируется. При использовании точки слово после точки является буквальным названием свойства. При использовании квадратных кронштейнов выражение между кронштейнами составляет Оценка к получить Название свойства. Тогда как value.x получает свойство значения с именем “x”, Значение [x] пытается оценить выражение x и использует результат, преобразованный в строку, в качестве имени свойства.
Методы
- Свойства, которые содержат функции, обычно называются Методы о значении, к которому они принадлежат, например, “Touppercase” это метод строки.
- Мы можем манипулировать массивами в JS, используя два основных метода: толкать и поп .
let sequence = [1, 2, 3]; sequence.push(4); //push method adds an element at the end of the array sequence.push(5); console.log(sequence); // → [1, 2, 3, 4, 5] console.log(sequence.pop()); //pop method removes the last element of the array // → 5 console.log(sequence); // → [1, 2, 3, 4]
Объекты
Значения объекта типа являются произвольные коллекции свойств. Обычно определяем объекты, используя кудрявые скобки {} Анкет Мы можем получить доступ к элементам отдельных свойств в объекте, используя Анкет оператор.
let day1 = {
squirrel: false,
events: ["work", "touched tree", "pizza", "running"]
};
console.log(day1.squirrel);
// → false
console.log(day1.wolf);
// → undefined
day1.wolf = false;
console.log(day1.wolf);
// → false
Вы можете использовать Удалить оператор для удаления свойства объекта. Например
let anObject = {left: 1, right: 2};
console.log(anObject.left);
// → 1
delete anObject.left;
console.log(anObject.left);
// → undefined
console.log(anObject.right);
// → 2
console.log("left" in anObject);
// → false
console.log("right" in anObject);
// → true
Двоичный в Оператор можно использовать для проверки, имеет ли объект свойство с конкретным именем. Чтобы найти ключи в объекте, вы можете использовать Объект. Ключи Анкет
console.log(Object.keys({x: 0, y: 0, z: 2}));
// → ["x", "y", "z"]
Массив петля
Первый цикл ниже, который является нормальным для петли, проходя через каждый элемент один за другим. Тем не менее, счетчик здесь не имеет никакой цели, кроме ссылки на каждый элемент.
for (let i = 0; i < JOURNAL.length; i++) {
let entry = JOURNAL[i];
// Do something with entry
}
for (let entry of JOURNAL) {
console.log(`${entry.events.length} events.`);
}
Вторая петля также проходит через весь массив, и каждый элемент последовательно принимается в качестве входа и используется внутри цикла. Обе петли используются и работают хорошо.
Еще несколько методов
- Так же, как толкать и поп Работа по последнему индексу массива, Сдвиг и без устранения используются для добавления и удаления элементов в начале массива.
let todoList = [];
function remember(task) {
todoList.push(task);
}
function getTask() {
return todoList.shift();
}
function rememberUrgently(task) {
todoList.unshift(task);
}
- Чтобы найти конкретное значение, существует Indexof метод Это возвращает первый индекс с самого начала. Если вы хотите начать поиск с последнего индекса, у вас есть LastIndexof Анкет
console.log([1, 2, 3, 2, 1].indexOf(2)); // → 1 console.log([1, 2, 3, 2, 1].lastIndexOf(2)); // → 3 //Both these methods take in an optional second argument, //that indicates from where to start searching
- У нас также есть ломтик и concat Методы выполнения нарезки и конкатенации соответственно.
function remove(array, index) {
return array.slice(0, index)
.concat(array.slice(index + 1));
}
console.log(remove(["a", "b", "c", "d", "e"], 2));
// → ["a", "b", "d", "e"]
Струны и их методы
- Одним из самых полезных из них ломтик и Indexof Анкет
console.log("coconuts".slice(4, 7));
// → nut
console.log("coconut".indexOf("u"));
// → 5
- Трим Метод удаляет пробелы и другие дополнительные символы из данной строки.
console.log("Hey param \n ".trim());
// → Heyparam
- Padstart Метод позволяет нам наладить заданную строку, принимая длину и символ накладки в качестве аргументов.
console.log(String(6).padStart(3, "0")); // → 006
- Вы можете использовать расколоть и Присоединяйтесь Методы на струнах.
let sentence = "Secretarybirds specialize in stomping";
let words = sentence.split(" ");
console.log(words);
// → ["Secretarybirds", "specialize", "in", "stomping"]
console.log(words.join(". "));
// → Secretarybirds. specialize. in. stomping
- Вы можете использовать повторение Метод создания нескольких копий строки
console.log("LA".repeat(3));
// → LALALA
Параметры отдыха
Иногда мы можем иметь функцию, чтобы иметь любое количество аргументов. Это можно сделать, добавив в 3 точки ... Перед последним параметром функции.
function max(...numbers) {
let result = -Infinity;
for (let number of numbers) {
if (number > result) result = number;
}
return result;
}
console.log(max(4, 1, 9, -2));
// → 9
Объект JSON
Нам часто нужно хранить информацию в объектах или использовать ее для последующего использования. Чтобы сделать это эффективно, мы serialize данные. Это означает, что он будет храниться в плоском описании. Один из самых популярных способов – хранить его в Json (javascript object obtation) формат. Это используется не только для JS, но и используется в Интернете для отправки и хранения информации.
{
"squirrel": false,
"events": ["work", "touched tree", "pizza", "running"]
}
Оригинал: “https://dev.to/parambhatt/javascript-arrays-and-objects-oep”