У цій статті ми розглянемо трійку маловідомих технік, які можна застосувати при роботі з масивами.
- індекси масиву
- вбудованих властивості
- Призначені для користувача властивості, які можуть бути додані безпосередньо Вами
Напевно перші два типи властивостей вам знайомі, однак, давайте по-швидкому пробіжить по ним щоб освіжити інформацію в пам'яті.
Індекси - це властивості масиву, які можуть приймати позитивні значення.
Зв'язка індекс-елемент в рамках масиву нічим не відрізняється від зв'язки властивість-значення в рамках об'єкта.
Індекси є унікальною фішкою об'єкта типу Array. На відміну від інших вбудованих властивостей їх можна задавати, просто вписавши в квадратні дужки ary [3] = "peach"; .
вбудовані властивості
В об'єктах типу Array існує цілий ряд вбудованих властивостей, наприклад array.length. Властивість length зберігає інформацію про поточну розмірності масиву.
Звернення до властивостей можна здійснити як класичним шляхом: object.key. так і через квадратні дужки: object [ "key"]. Так що розмірність масиву можна дізнатися, написавши ary [ "length"].
Створення призначених для користувача властивостей
Тепер давайте поговоримо про те як створювати власні властивості.
Про цю фішку мало хто знає бо спочатку призначені для користувача властивості використовуються для вирішення вузьких і рідкісних завдань.
Наприклад ви можете додати властивість, що характеризує "тип" або "клас" зберігаються всередині масиву елементів:
Слід зазначити що призначені для користувача властивості можуть бути порушені, якщо прогнати об'єкт через цикл for ... in.
2. Доступ до елементів масиву в рамках циклу
Оскільки індекси масивів можуть приймати тільки позитивні значення, початок відліку починається з нуля. Згодом ми можемо використовувати цей індекс для доступу до елементу масиву на даній ітерації циклу.
У ECMAScript6 був представлений спосіб прокрутки масиву без використання індексів, а через новий цикл for ... of.
Цикл for. of призначений для проходу по елементам масиву, не зачіпаючи при цьому індекс елемента.
3. Кількість елементів - НЕ розмірність масиву
Коли мова йде про розмірності масиву, то зазвичай ми думаємо, що мається на увазі кількість зберігаються в ньому елементів. На ділі це не зовсім так - властивість length розраховується залежно від максимального індексу елемента.
Властивість length дуже неоднозначно. Щоб в цьому переконатися достатньо поглянути на такі маніпуляції:
В останньому прикладі було досить поставити елемент на п'яту позицію, в результаті чого довжина масиву стала дорівнює 6. Якщо ви думаєте, що індекси від 0 до 4 створяться автоматично, то не матимете рацію. Це можна перевірити, використовуючи оператор in.
В даному випадку буде справедливо назвати масив ary "розрідженим".
Так само ми можемо маніпулювати властивістю length для того щоб обрізати масиви. У прикладі, представленому нижче, демонструється "втрата" елемента під індексом 5, шляхом зменшення значення властивості length масиву ary.
5 останніх уроків рубрики "jQuery"
Сьогодні ми б хотіли вам розповісти про бібліотеку TypeIt - безкоштовному jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна домогтися дуже реалістичного ефекту.
jQuery плагін для створення тимчасової шкали.
jQuery плагін для створення діаграми Ганта.
Приклад того як здійснити завантаження файлу через PHP і jQuery ajax.
Так не роблять з масивами, це помилка, це антипаттерн
stas.protasevich
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!