Жарознижуючі засоби для дітей призначаються педіатром. Але бувають ситуації невідкладної допомоги при лихоманці, коли дитині потрібно дати ліки негайно. Тоді батьки беруть на себе відповідальність і застосовують жарознижуючі препарати. Що дозволено давати дітям грудного віку? Чим можна збити температуру у дітей старшого віку? Які ліки найбезпечніші?
- I. Перебір справжніх масивів
- Метод forEach і родинні методи
- цикл for
- Правильне використання циклу for ... in
- Цикл for ... of (неявне використання ітератора)
- Явне використання ітератора
- Використання способів перебору справжніх масивів
- Перетворення в справжній масив
- Зауваження по об'єктах середовища виконання
I. Перебір справжніх масивів
На даний момент є три способи перебору елементів справжнього масиву:- метод Array.prototype.forEach;
- класичний цикл for;
- «Правильно» побудований цикл for ... in.
- цикл for ... of (неявне використання ітератора);
- явне використання ітератора.
1. Метод forEach і родинні методи
Якщо ваш проект розрахований на підтримку можливостей стандарту ECMAScript 5 (ES5), ви можете використовувати одне з його нововведень - метод forEach.Приклад використання:
var a = [ "a", "b", "c"]; a.forEach (function (entry) (console.log (entry);));
У загальному випадку використання forEach вимагає підключення бібліотеки емуляції es5-shim для браузерів, які не мають нативної підтримки цього методу. До них відносяться IE 8 і більш ранні версії, які до сих пір подекуди ще використовуються.
До переваг forEach відноситься те, що тут не потрібно оголошувати локальні змінні для зберігання індексу і значення поточного елемента масиву, оскільки вони автоматично передаються в функцію зворотного виклику (колбек) в якості аргументів.
Якщо вас турбують можливі витрати на виклик колбек для кожного елемента, не хвилюйтеся і прочитайте це.
ForEach призначений для перебору всіх елементів масиву, але крім нього ES5 пропонує ще кілька корисних методів для перебору всіх або деяких елементів плюс виконання при цьому будь-яких дій з ними:
- every - повертає true, якщо для кожного елемента масиву колбек повертає значення приводиться до true.
- some - повертає true, якщо хоча б для одного елемента масиву колбек повертає значення приводиться до true.
- filter - створює новий масив, що включає ті елементи вихідного масиву, для яких колбек повертає true.
- map - створює новий масив, що складається з значень, що родить! колбек.
- reduce - зводить масив до єдиного значенням, застосовуючи колбек по черзі до кожного елементу масиву, починаючи з першого (може бути корисний для обчислення суми елементів масиву та інших підсумкових функцій).
- reduceRight - працює аналогічно reduce, але перебирає елементи в зворотному порядку.
2. Цикл for
Старий добрий for рулить:Var a = [ "a", "b", "c"]; var index; for (index = 0; index< a.length; ++index) {
console.log(a);
}
Якщо довжина масиву незмінна протягом всього циклу, а сам цикл належить критичного в плані продуктивності ділянці коду (що малоймовірно), то можна використовувати «більш оптимальну» версію for зі зберіганням довжини масиву:
Var a = [ "a", "b", "c"]; var index, len; for (index = 0, len = a.length; index< len; ++index) {
console.log(a);
}
Теоретично цей код повинен виконуватися трохи швидше, ніж попередній.
Якщо порядок перебору елементів не важливий, то можна піти ще далі в плані оптимізації і позбутися від змінної для зберігання довжини масиву, змінивши порядок перебору на зворотний:
Var a = [ "a", "b", "c"]; var index; for (index = a.length - 1; index> = 0; --index) (console.log (a);)
Проте, в сучасних двигунах JavaScript подібні ігри з оптимізацією зазвичай нічого не значать.
3. Правильне використання циклу for ... in
Якщо вам порадять використовувати цикл for ... in, пам'ятайте, що перебір масивів - не те, для чого він призначений. Всупереч поширеній помилці цикл for ... in перебирає НЕ індекси масиву, а перелічуваних властивості об'єкта.Проте, в деяких випадках, таких як перебір розріджених масивів, for ... in може виявитися корисним, якщо тільки дотримуватися при цьому запобіжні заходи, як показано в прикладі нижче:
// a - розріджений масив var a =; a = "a"; a = "b"; a = "c"; for (var key in a) (if (a.hasOwnProperty (key) && /^0$|^\d*$/.test(key) && key<= 4294967294) {
console.log(a);
}
}
В даному прикладі на кожній ітерації циклу виконується дві перевірки:
- то, що масив має власне властивість з ім'ям key (не успадкованих з його прототипу).
- то, що key - рядок, що містить десяткову запис цілого числа, значення якого менше 4294967294. Звідки береться останнє число? З визначення індексу масиву в ES5, з якого випливає, що найбільший індекс, який може мати елемент в масиві: (2 ^ 32 - 2) = 4294967294.
Щоб не писати такий громіздкий код перевірок кожного разу, коли потрібно перебір масиву, можна оформити його у вигляді окремої функції:
Function arrayHasOwnIndex (array, key) (return array.hasOwnProperty (key) && /^0$|^\d*$/.test(key) && key<= 4294967294;
}
Тоді тіло циклу з прикладу значно скоротиться:
For (key in a) (if (arrayHasOwnIndex (a, key)) (console.log (a);))
Розглянутий вище код перевірок є універсальним, відповідним для всіх випадків. Але замість нього можна використовувати більш коротку версію, хоча формально і не зовсім правильну, але, тим не менш, яка підходить для більшості випадків:
For (key in a) (if (a.hasOwnProperty (key) && String (parseInt (key, 10)) === key) (console.log (a);))
4. Цикл for ... of (неявне використання ітератора)
ES6, поки все ще перебуває в статусі чернетки, повинен ввести в JavaScript ітератори.итератор
- це реалізований об'єктом протокол, який визначає стандартний спосіб отримання послідовності значень (кінцевої або нескінченної).
Итератор - це об'єкт, в якому визначено метод next () - функція без аргументів, що повертає об'єкт з двома властивостями:
- done (boolean) - приймає значення true, якщо итератор досяг кінця ітеріруемой послідовності. В іншому випадку має значення false.
- value - визначає значення, що повертається ітератором. Може бути не визначено (відсутні), якщо властивість done має значення true.
Приклад використання for ... of:
Var val; var a = [ "a", "b", "c"]; for (val of a) (console.log (val);)
У наведеному прикладі цикл for ... of неявно викликає итератор об'єкта Array для отримання кожного значення масиву.
5. Явний використання ітератора
Ітератори можна також використовувати і явно, правда, в цьому випадку код стає значно складніше, в порівнянні з циклом for ... of. Виглядає це приблизно так:Var a = [ "a", "b", "c"]; var it = a.entries (); var entry; while (! (entry = it.next ()). done) (console.log (entry.value);)
В даному прикладі метод Array.prototype.entries повертає ітератор, який використовується для виведення значень масиву. На кожній ітерації entry.value містить масив виду [ключ, значення].
II. Перебір массівоподобних об'єктів
Крім справжніх масивів, в JavaScript зустрічаються також массівоподобние об'єкти . Зі справжніми масивами їх ріднить те, що вони мають властивість length і властивості з іменами у вигляді чисел, відповідні елементам масиву. Як приклади можна назвати DOM колекції NodeList і псевдомассів arguments, доступний всередині будь-якої функції / методу.1. Використання способів перебору справжніх масивів
Як мінімум більшість, якщо не всі, способи перебору справжніх масивів можуть бути застосовані для перебору массівоподобних об'єктів.Конструкції for і for ... in можуть бути застосовані до массівоподобним об'єктів точно тим же шляхом, що й до справжніх масивів.
ForEach і інші методи Array.prototype також застосовні до массівоподобним об'єктів. Для цього потрібно використовувати виклик Function.call або Function.apply.
Наприклад, якщо ви хочете застосувати forEach до властивості childNodes об'єкта Node, то це робиться так:
Array.prototype.forEach.call (node.childNodes, function (child) (// робимо що-небудь з об'єктом child));
Для зручності повторного використання цього прийому, можна оголосити посилання на метод Array.prototype.forEach в окремій змінної і використовувати її як скорочення:
// (Передбачається, що весь код нижче знаходиться в одній області видимості) var forEach = Array.prototype.forEach; // ... forEach.call (node.childNodes, function (child) (// робимо що-небудь з об'єктом child));
Якщо в массівоподобном об'єкті є итератор, то його можна використовувати явно або неявно для перебору об'єкта таким же способом, як і для справжніх масивів.
2. Перетворення в справжній масив
Є також ще один, дуже простий, спосіб перебору массівоподобного об'єкта: перетворити його в справжній масив і використовувати будь-який з розглянутих вище способів перебору справжніх масивів. Для перетворення можна використовувати універсальний метод Array.prototype.slice, який може бути застосований до будь-якого массівоподобному об'єкту. Робиться це дуже просто, як показано в прикладі нижче:Var trueArray = Array.prototype.slice.call (arrayLikeObject, 0);
Наприклад, якщо ви хочете перетворити колекцію NodeList в справжній масив, вам потрібен приблизно такий код:
Var divs = Array.prototype.slice.call (document.querySelectorAll ( "div"), 0);
Update: Як було зазначено в коментарях rock і torbasow, в ES6 замість Array.prototype.slice можна використовувати більш наочний метод Array.from.
3. Зауваження по об'єктах середовища виконання
Якщо ви застосовуєте методи Array.prototype до об'єктів середовища виконання (таких як DOM колекції), то ви повинні мати на увазі, що правильна робота цих методів не гарантована у всіх середовищах виконання (в т.ч. в браузерах). Це залежить від поведінки конкретного об'єкта в конкретному середовищі виконання, якщо точніше, від того, як в цьому об'єкті реалізована абстрактна операція HasProperty. Проблема в тому, що сам стандарт ES5 допускає можливість неправильної поведінки об'єкта по відношенню до цієї операції (див. §8.6.2).Тому важливо тестувати роботу методів Array.prototype в кожному середовищі виконання (браузері), в якій планується використання вашого застосування.
У попередній статті ми поговорили про те що таке і як з ним працювати. У цій статті ми поговоримо вже про багатовимірному масиві.
Це масив, у якого один або більше елементів, є також масивами. Залежно від глибини оголошення, зокрема він може називатися двовимірним масивом(2 рівня) або тривимірним масивом(3 рівня) або чотиривимірним(4 рівня) і так далі.
Найпопулярніший, після одновимірного масиву, який найчастіше використовується це двовимірний масив. Саме його, вивчимо більш докладно.
Як бачите, елементи двовимірного масиву є одномірні масиви. Якби ці одномірні масиви містили ще масиви, то масив arr був би вже тривимірним.
Для прикладу давайте створимо три простих масивів і заповнимо їх даними. Першого ми заповнимо парними числами, другого заповнимо непарними числами, а третього якимись довільними даними.
// Оголошуємо три порожніх масивів var evenNumbers = new Array (); // Змінна k - для індексів масиву evenNumbers var k = 0; var oddNumbers = new Array (); // Змінна n - для індексів масиву oddNumbers var n = 0; var data = new Array ( "car", "plane", true, 89, "m"); // Заповнюємо масив evenNumbers, з парними числами for (var i = 1; i
Для того щоб подивитися що знаходиться всередині масиву можна скористатися таким інструментом як console.
Наприклад, ми хочемо побачити вміст масиву з непарними числами oddNumbers. Для цього в коді нижче пишемо такий рядок:
Console.log (oddNumbers);
Щоб побачити результат, необхідно відкрити консоль в браузері. У Google Chrome це робиться так: натискаємо правий клік миші на сторінці, і з контекстного меню вибираємо останню опцію "Переглянути код", тобто інспектор. В англійській версії, ця опція називається Inspect.
І нижче з'явиться панель інструментів розробника. У ній необхідно перейти у вкладку Console (Консоль).
Тепер для того щоб створити двовимірний масив, Необхідно оголосити його, і додати в нього одномірні масиви, які створили вище.
// Оголошуємо двовимірний масив twoDimens, і заповнюємо його var twoDimens = new Array (evenNumbers, oddNumbers, data); console.log (twoDimens);
Подивимося в консоль вміст даного масиву.
перебір двовимірного масиву
Для початку навчимося, як звернеться до елементів двовимірного масиву.
Як і з одинарними масивами, звернення до елементів робиться по їх індексами.
Для прикладу давайте виведемо на екран, елемент з індексом 3 з масиву з непарними числами (oddNumbers). Індекс одновимірного масиву oddNumbers в двовимірному масиві twoDimens дорівнює одиниці (1).
Document.write ( "Елемент з індексом 3 з масиву непарних чисел oddNumbers дорівнює:" + twoDimens); // Елемент: 7
У масиві twoDimens ми звертаємося до елементу з індексом 1. Елемент, який знаходиться під цим індексом, є масив oddNumbers. І в цьому масиві ми вже звертаємося до елементу з індексом 3, який є числом 7.
Тепер приступимо до самого питання як перебрати двовимірний масив.
Перебір двовимірного масиву робиться за допомогою подвійного циклу. Для прикладу, зробимо перебір нашого масиву twoDimens.
For (var i = 0; i< twoDimens.length; i++){ for(var j = 0; j < twoDimens[i].length; j++){ document.write("
Елемент з індексом "+ I +" "+ j +"дорівнює: "+ TwoDimens [i] [j] +"
"); } }У першому циклі ми робимо перебір самого масиву twoDimens. У другому циклі ми робимо вже перебір самого елемента (масиву). Спочатку, змінна i дорівнює 0. Тому в другому циклі ми спочатку робимо перебір першого масиву evenNumbers, який має індекс 0. І вже всередині другого циклу ми звертаємося до елементів даного масиву. Таким чином: twoDimens [j]. Де j змінюється від 0 до довжини масиву evenNumbers.
Після перебору елементів з першого масиву, повертаємося до першого циклу, інкрементіруем змінну i, і переходимо до перебору вже другого масиву oddNumbers, який має індекс 1. І так ось робиться перебір кожного елемента двовимірного масиву twoDimens.
Тепер подивимося на результат даного перебору:
Ось і все, про що хотів я розповісти в цій статті. Тепер Ви знаєте, як створити двовимірний масив, як звернеться до елементів двовимірного масиву і як перебрати двовимірний масив. Сподіваюся, що все було зрозуміло. Бажаю Вам великих успіхів!
Вітаю всіх, хто зацікавився такою темою, як JavaScript багатовимірні масиви і сортування. У поточній публікації я постараюся у всіх подробицях розкрити дану тему.
Тому після прочитання статті ви дізнаєтеся, навіщо в веб-додатках використовуються багатовимірні масиви, як вони створюються і яким чином ними можна управляти і сортувати. Давайте приступимо до навчання!
Як створюються багатовимірні масиви і для чого вони потрібні?
Для початку варто згадати, як створюється звичайний одновимірний масив.
var array =
А тепер запам'ятайте, що багатовимірний масив - це масив масивів.Погоджуся, звучить, як тавтологія. Однак прочитайте визначення ще раз. Дійсно, багатовимірний масив складається з певної кількості вкладених в нього.
Розглянемо наступну ситуацію. На початку якоїсь гри користувач вводить своє ім'я, а після закінчення йому на екран виводиться рейтингова таблиця з іменами гравців і їх рекордами.
Ясна річ, що така інформація зберігається в базі даних. Але коли ми її витягаємо з БД, то отримуємо багатовимірний масив. Адже в кожному підмасиві зберігається логін гравця і кількість набраних очок.
Виглядати все це буде наступним чином:
var results = [[ "Маркус", 333], [ "Наташа", 211], [ "Олексій", 124]];
Як бачите, інформація може зберігатися різнорідна. Це можуть бути і рядки, і числа, і навіть. Таке можливо тому, що масиви в є нетипізований.
При цьому звернення до елементів відбувається через подвійний оператор.
Для закріплення матеріалу проаналізуйте невелику програмку.
Значення results =
Масиви є досить зручним засобом для зберігання впорядкованих комплексних даних при їх обробці. До того ж працювати з ними дуже зручно і при цьому швидкість їх обробки досить висока.
Способи сортування даних
Для масивів в JavaScript-е передбачений вбудований метод під назвою sort (). Даний інструмент дуже гнучкий. І зараз поясню чому.
Якщо ви використовуєте метод без параметрів, то він автоматично впорядковує подмассіви по першому елементу в алфавітному порядку. Так, при виклику results.sort ()розбирається об'єкт буде виглядати ось так:
Олексій, 124
Маркус, 333
Наташа, 211
А якщо поміняти в кожному вкладеному масиві елементи місцями, то вийде:
124, Олексій
211, Наташа
333, Маркус
При цьому для порівняння всі елементи тимчасово перетворюються до рядків.
Якщо ж для вирішення якоїсь конкретної задачі вам необхідна функція, сортує елементи нестандартним способом, то ви можете написати її самостійно і передати в якості параметра в sort (). При цьому варто врахувати, що призначена для користувача функція повинна повертати:
- позитивне число (в основному вибирають 1), якщо перший зазначений елемент слід за другим при порівнянні;
- негативне число (зазвичай -1), якщо другий обраний елемент повинен слідувати за першим;
- нуль, якщо два перевіряються значення рівні.
Як приклад давайте початковий масив resultsвідсортуємо за очками. При чому результати будуть впорядковані від більшого до меншого. Це можна реалізувати двома способами.
У першому варіанті я змінив логіку сортування, тобто в ситуації, коли треба повертати позитивне число, повертаю негативне і навпаки.
Рекордна таблиця:
А ось у другому способі залишив логіку сортування недоторканою, але використовував додатково інший метод - reverse (). Як видно з назви, reverse змінює порядок проходження елементів на протилежний.
Тому функція sort () буде виглядати наступним чином:
| 1 2 3 4 5 | function RecordSort (a, b) (if (a> b) return 1; else if (a< b) return -1; else return 0; } |
function RecordSort (a, b) (if (a> b) return 1; else if (a< b) return -1; else return 0; }
А ось після неї додамо вказаний вище метод.
Висновок проводиться аналогічним чином.
Хочу звернути вашу увагу на один важливий момент. При використанні даних функцій всі зміни відбуваються з масивом, до якого ви їх застосовуєте. Таким чином, якщо вам необхідно зберегти первинний вигляд даних, то створюйте копію, а після редагуйте вже її.
Ну, ось я і розповів про багатовимірних масивах і їх сортування. Якщо вам сподобалася стаття, то підписуйтесь на блог і читайте інші не менш цікаві публікації. Буду вдячний за репости. До нової зустрічі!
Бувай!
З повагою, Роман Чуєшов
масиви
масив- це впорядкована колекція значень. Значення в масиві називаються елементами, і кожен елемент характеризується числовий позицією в масиві, яка називається індексом. Масиви в мові JavaScript є нетипізований: елементи масиву можуть мати будь-який тип, причому різні елементи одного і того ж масиву можуть мати різні типи. Елементи масиву можуть навіть бути об'єктами або іншими масивами, що дозволяє створювати складні структури даних, такі як масиви об'єктів і масиви масивів.
Відлік індексів масивів в мові JavaScript починається з нуля і для них використовуються 32-бітові цілі числа - перший елемент масиву має індекс 0. Масиви в JavaScript є динамічними: вони можуть збільшуватися і зменшуватися в розмірах у міру необхідності; немає необхідності оголошувати фіксовані розміри масивів при їх створенні або повторно розподіляти пам'ять при зміні їх розмірів.
Масиви в мові JavaScript - це спеціалізована форма об'єктів, а індекси масивів означають трохи більше, ніж просто імена властивостей, які за збігом є цілими числами.
створення масивів
Найлегше створити масив за допомогою литерала, який є простим списком розділених комами елементів масиву в квадратних дужках. Значення в літералі масиву не обов'язково повинні бути константами - це можуть бути будь-які вирази, в тому числі і літерали об'єктів:
Var empty =; // Порожній масив var numbers =; // Масив з п'ятьма числовими елементами var misc = [1.1, true, "a",]; // 3 елементи різних типів + завершальна кома var base = 1024; var table =; // Масив зі змінними var arrObj = [,]; // 2 масиву всередині, що містять об'єкти
Синтаксис литералов масивів дозволяє вставляти необов'язкову завершальну кому, тобто літерал [,] відповідає масиву з двома елементами, а не з трьома.
Інший спосіб створення масиву полягає у виклику конструктора Array (). Викликати конструктор можна трьома різними способами:
Викликати конструктор без аргументів:
Var arr = new Array ();
У цьому випадку буде створено порожній масив, еквівалентний ЛІТЕРАЛЬ.
Викликати конструктор з єдиним числовим аргументом, що визначає довжину масиву:
Var arr = new Array (10);
У цьому випадку буде створено порожній масив зазначеної довжини. Така форма виклику конструктора Array () може використовуватися для попереднього розподілу пам'яті під масив, якщо заздалегідь відомо кількість його елементів. Зверніть увагу, що при цьому в масиві не зберігається ніяких значень.
Явно вказати у виклику конструктора значення перших двох або більше елементів масиву або один нечислової елемент:
Var arr = new Array (5, 4, 3, 2, 1, "тест");
В цьому випадку аргументи конструктора стають значеннями елементів нового масиву. Використання литералов масивів практично завжди простіше, ніж подібне застосування конструктора Array ().
Читання і запис елементів масиву
Доступ до елементів масиву здійснюється за допомогою оператора. Зліва від дужок повинна бути присутнім посилання на масив. Усередині дужок має перебувати довільне вираз, що повертає невід'ємне ціле значення. Цей синтаксис придатний як для читання, так і для запису значення елемента масиву. Отже, допустимі всі наведені далі JavaScript-інструкції:
// Створити масив з одним елементом var arr = [ "world"]; // Прочитати елемент 0 var value = arr; // Записати значення в елемент 1 arr = 3.14; // Записати значення в елемент 2 i = 2; arr [i] = 3; // Записати значення в елемент 3 arr = "привіт"; // Прочитати елементи 0 і 2, записати значення в елемент 3 arr] = arr;
Нагадаю, що масиви є спеціалізованою різновидом об'єктів. Квадратні дужки, які використовуються для доступу до елементів масиву, діють точно так же, як квадратні дужки, які використовуються для доступу до властивостей об'єкта. Інтерпретатор JavaScript перетворює зазначені в дужках числові індекси в рядки - індекс 1 перетворюється в рядок "1" - а потім використовує рядки як імена властивостей.
У перетворенні числових індексів в рядки немає нічого особливого: те ж саме можна проробляти зі звичайними об'єктами:
Var obj = (); // Створити простий об'єкт obj = "one"; // індексувати його цілими числами
Особливість масивів полягає в тому, що при використанні імен властивостей, які є невід'ємними цілими числами, масиви автоматично визначають значення властивості length. Наприклад, вище був створений масив arr з єдиним елементом. Потім були привласнені значення його елементів з індексами 1, 2 і 3. В результаті цих операцій значення властивості length масиву змінилося і стало рівним 4.
Слід чітко відрізняти індекси в масиві від імен властивостей об'єктів. Всі індекси є іменами властивостей, але тільки властивості з іменами, представленими цілими числами є індексами. Всі масиви є об'єктами, і ви можете додавати до них властивості з будь-якими іменами. Однак якщо ви торкаєтеся властивості, які є індексами масиву, масиви реагують на це, оновлюючи значення властивості length при необхідності.
Зверніть увагу, що в якості індексів масивів допускається використовувати негативні і не цілі числа. У цьому випадку числа перетворюються в рядки, які використовуються як імена властивостей.
Додавання і видалення елементів масиву
Ми вже бачили, що найпростіший спосіб додати елементи в масив полягає в тому, щоб привласнити значення новим індексам. Для додавання одного або більше елементів в кінець масиву можна також використовувати метод push ():
Var arr =; // Створити порожній масив arr.push ( "zero"); // Додати значення в кінець arr.push ( "one", 2); // Додати ще два значення
Додати елемент в кінець масиву можна також, присвоївши значення елементу arr. Для вставки елемента в початок масиву можна використовувати метод unshift (), При цьому існуючі елементи в масиві зміщуються в позиції з більш високими індексами.
Видаляти елементи масиву можна за допомогою оператора delete, як звичайні властивості об'єктів:
Var arr =; delete arr; 2 in arr; // false, індекс 2 в масиві не визначений arr.length; // 3: оператор delete не змінює властивість length масиву
Видалення елемента нагадує (але дещо відрізняється) присвоювання значення undefined цьому елементу. Зверніть увагу, що застосування оператора delete до елементу масиву не змінює значення властивості length і не зрушує вниз елементи з більш високими індексами, щоб заповнити порожнечу, що залишилася після видалення елемента.
Крім того є можливість видаляти елементи в кінці масиву простим привласненням нового значення властивості length. Масиви мають метод pop ()(Протилежний методу push ()), який зменшує довжину масиву на 1 і повертає значення видаленого елемента. Також є метод shift ()(Протилежний методу unshift ()), який видаляє елемент на початку масиву. На відміну від оператора delete, метод shift () зрушує все елементи вниз на позицію нижче їх поточних індексів.
Нарешті існує багатоцільовий метод splice (), Що дозволяє вставляти, видаляти і заміщати елементи масивів. Він змінює значення властивості length і зрушує елементи масиву з більш низькими або високими індексами в міру необхідності. Всі ці методи ми розберемо трохи пізніше.
багатовимірні масиви
JavaScript не підтримує «справжні» багатовимірні масиви, але дозволяє непогано імітувати їх за допомогою масивів з масивів. Для доступу до елементу даних в масиві масивів досить двічі використовувати оператор.
Наприклад, припустимо, що змінна matrix - це масив масивів чисел. Кожен елемент matrix [x] - це масив чисел. Для доступу до певного числа в масиві можна використовувати вираз matrix [x] [y]. Нижче наводиться конкретний приклад, де двовимірний масив використовується в якості таблиці множення:
// Створити багатовимірний масив var table = new Array (10); // У таблиці 10 рядків for (var i = 0; i
Методи класу Array
Стандарт ECMAScript 3 визначає в складі Array.prototype безліч зручних функцій для роботи з масивами, які доступні як методи будь-якого масиву. Ці методи будуть представлені в наступних підрозділах.
Метод join ()
Метод Array.join () перетворює всі елементи масиву в рядки, об'єднує їх і повертає отриману рядок. У необов'язковий аргумент методу можна передати рядок, яка буде використовуватися для відділення елементів в рядку результату. Якщо рядок-роздільник не вказана, використовується кома. Наприклад, наступний фрагмент дає в результаті рядок "1,2,3":
Var arr =; arr.join (); // "1,2,3" arr.join ( "-"); // "1-2-3"
Метод reverse ()
Метод Array.reverse () змінює порядок проходження елементів в масиві на зворотний і повертає переупорядочение масив. Перестановка виконується безпосередньо у вихідному масиві, тобто цей метод не створює новий масив з Упорядкування об'єктів, а переупорядочівать їх в уже існуючому масиві. Наприклад, наступний фрагмент, де використовуються методи reverse () і join (), дає в результаті рядок "3,2,1":
Var arr =; arr.reverse (). join (); // "3,2,1"
Метод sort ()
Метод Array.sort () сортує елементи в вихідному масиві і повертає відсортований масив. Якщо метод sort () викликається без аргументів, сортування виконується в алфавітному порядку (для порівняння елементи тимчасово перетворюються в рядки, якщо це необхідно). Невизначені елементи переносяться в кінець масиву.
Для сортування в будь-якому іншому порядку, відмінному від алфавітного, методу sort () можна передати функцію порівняння в якості аргументу. Ця функція встановлює, який з двох її аргументів повинен слідувати раніше в відсортованому списку. Якщо перший аргумент повинен передувати другому, функція порівняння повинна повертати негативне число. Якщо перший аргумент повинен слідувати за другим в відсортованому масиві, то функція повинна повертати число більше нуля. А якщо два значення еквівалентні (тобто порядок їх слідування не важливий), функція порівняння повинна повертати 0:
Var arr =; arr.sort (); // Алфавітний порядок: 1111, 222, 33, 4 arr.sort (function (a, b) (// Числовий порядок: 4, 33, 222, 1111 return ab; // Повертає значення 0 // залежно від порядку сортування a і b)); // Сортуємо в зворотному напрямку, від більшого до меншого arr.sort (function (a, b) (return b-a));
Зверніть увагу, наскільки зручно використовувати в цьому фрагменті неіменованого функцію. Функція порівняння використовується тільки тут, тому немає необхідності давати їй ім'я.
Метод concat ()
Метод Array.concat () створює і повертає новий масив, що містить елементи вихідного масиву, для якого був викликаний метод concat (), і значення всіх аргументів, переданих методом concat (). Якщо який-небудь з цих аргументів сам є масивом, його елементи додаються в повертається масив. Слід, однак, відзначити, що рекурсивного перетворення масиву з масивів в одновимірний масив не відбувається. Метод concat () не змінює вихідний масив. Нижче наводиться кілька прикладів:
Var arr =; arr.concat (4, 5); // поверне arr.concat (); // поверне arr.concat (,) // поверне arr.concat (4,]) // Поверне]
Метод slice ()
Метод Array.slice () повертає фрагмент, або подмассів, зазначеного масиву. Два аргументи методу визначають початок і кінець повертається фрагмента. Повертається масив містить елемент, номер якого вказаний у першому аргументі, плюс всі наступні елементи, аж до (але не включаючи) елемента, номер якого вказаний у другому аргументі.
Якщо вказано тільки один аргумент, що повертається масив містить всі елементи від початкової позиції до кінця масиву. Якщо який-небудь з аргументів має від'ємне значення, він визначає номер елемента щодо кінця масиву. Так, аргументу -1 відповідає останній елемент масиву, а аргументу -3 - третій елемент масиву з кінця. Ось кілька прикладів:
Var arr =; arr.slice (0,3); // поверне arr.slice (3); // поверне arr.slice (1, -1); // поверне arr.slice (-3, -2); // поверне
Метод splice ()
Метод Array.splice () - це універсальний метод, що виконує вставку або видалення елементів масиву. На відміну від методів slice () і concat (), метод splice () змінює вихідний масив, щодо якого він був викликаний. Зверніть увагу, що методи splice () і slice () мають дуже схожі імена, але виконують абсолютно різні операції.
Метод splice () може видаляти елементи з масиву, вставляти нові елементи або виконувати обидві операції одночасно. Елементи масиву при необхідності зміщуються, щоб після вставки або видалення утворювалася безперервна послідовність.
Перший аргумент методу splice () визначає позицію в масиві, починаючи з якої буде виконуватися вставка і / або видалення. Другий аргумент визначає кількість елементів, які повинні бути видалені (вирізані) з масиву. Якщо другий аргумент опущений, видаляються всі елементи масиву від зазначеного до кінця масиву. Метод splice () повертає масив віддалених елементів або (якщо жоден з елементів не був видалений) порожній масив.
Перші два аргументи методу splice () визначають елементи масиву, що підлягають видаленню. За цими аргументами може слідувати будь-яку кількість додаткових аргументів, що визначають елементи, які будуть вставлені в масив, починаючи з позиції, зазначеної в першому аргументі.
Var arr =; arr.splice (4); // поверне, arr = arr.splice (1,2); // поверне, arr = arr.splice (1,1); // поверне; arr = arr =; arr.splice (2,0, "a", "b"); // поверне; arr =
Методи push () і pop ()
Методи push () і pop () дозволяють працювати з масивами як зі стеками. Метод push () додає один або кілька нових елементів в кінець масиву і повертає його нову довжину. Метод pop () виконує зворотну операцію - видаляє останній елемент масиву, зменшує довжину масиву і повертає віддалене їм значення. Зверніть увагу, що обидва ці методу змінюють вихідний масив, а не створюють його модифіковану копію.
Методи unshift () і shift ()
Методи unshift () і shift () поводяться майже так само, як push () і pop (), за винятком того, що вони вставляють і видаляють елементи на початку масиву, а не в кінці. Метод unshift () зміщує існуючі елементи в сторону великих індексів для звільнення місця, додає елемент або елементи в початок масиву і повертає нову довжину масиву. Метод shift () видаляє і повертає перший елемент масиву, зміщуючи всі наступні елементи на одну позицію вниз, щоб зайняти місце, що звільнилося на початку масиву.
