{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Математик среди биологов: заметки с тегом javascript", "_rss_description": "Я немного умею складывать, но от вычитания у меня всегда кружится голова", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/antonlyakh.ru\/blog\/tags\/javascript\/", "feed_url": "https:\/\/antonlyakh.ru\/blog\/tags\/javascript\/json\/", "icon": false, "author": { "name": "Антон Лях", "url": "https:\/\/antonlyakh.ru\/blog\/", "avatar": false }, "items": [ { "id": "246", "url": "https:\/\/antonlyakh.ru\/blog\/all\/obekty-i-massivy-obektov-v-yavaskripte-dlya-pamyati\/", "title": "Памятка. Объекты и массивы объектов в Яваскрипте", "content_html": "

Пиша — учишься.<\/small><\/p>\n

Очень кратко<\/h2>\n

[...] — массив
\n{...} — объект<\/p>\n

{ [...], [...], [...] } — объект хранит массивы
\n[ {...}, {...}, {...} ] — массив хранит объекты<\/p>\n

[ [...], [...], [...] ] — двумерный массив<\/p>\n

[ [{...}, {...}], [{...}, {...}], [{...}, {...}] ]  — двумерный массив объектов<\/p>\n

И так далее рекурсивно.<\/p>\n

Приемы работы<\/h2>\n

Проверить наличие ключа в объекте и удалить ключ объекта.<\/p>\n

if ("ethanol" in chemicals)\r\n  delete chemicals.ethanol;<\/code><\/pre>
В конец массива можно пушнуть элемент или попнуть оттуда.<\/p>\n
var arra = [];\r\narra.push("ficker");\r\narra.push("popinjay");\r\n\/\/ arra[ "ficker", "popinjay" ];\r\narra.pop(); \/\/ popinjay<\/code><\/pre>
В начало массива элемент можно шифтнуть или уншифтнуть оттуда.<\/p>\n
var myau = [];\r\narra.shift("cat");\r\narra.shift("dog");\r\n\/\/ arra[ "dog", "shift" ];\r\narra.unshift(); \/\/ dog<\/code><\/pre>
Аналогично в массив можно пушнуть или шифтнуть объект.<\/p>\n
var fish = [];\r\nfish.push( \r\n  {taxon: "Gobiidae", weigth: 17, region: "Moscow"}\r\n);<\/code><\/pre>
В массив можно пушнуть объект содержащий массив.<\/p>\n
var frogs = [];\r\nfrogs.push( \r\n  {color: "violet", dimensions: [12, 14, 10, 27, 8, 14]}\r\n);<\/code><\/pre>
Пройтись по объектам из массива.<\/p>\n
for (var item in array_of_objects)\r\n  \/\/ item - текущий объект из массива; есть ли у него такое-то свойство-ключ?\r\n  if ( desired_key in item)\r\n     alert( item.desired_key );<\/code><\/pre>
Заполнить массив объектов вычисленными значениями.<\/p>\n
var cloud = [];\r\nvar N = 128, i=0;\r\nwhile(i++ < N)\r\n  cloud.push( {x: Math.random(), y: math.random(), id: i} );<\/code><\/pre>
Примеры<\/h2>\n
Массив:<\/p>\n
var hex = [1, 2, 3, 4, 5, 6, 7, 8];\r\nalert( hex[4] );<\/code><\/pre>
Объект:<\/p>\n
var flex = {\r\n  x: 10,\r\n  y: 50,\r\n  name: "point"\r\n};\r\n\r\nvar hrex = new Object( {0:"one", 1:"two", third : "three", fourth : "four"} );\r\n\r\nalert( flex.x );\r\nalert( flex["y"] );\r\nalert( hrex[third] );<\/code><\/pre>
Пустой объект, который заполняется позже:<\/p>\n
var plex = new Object();\r\n\r\nplex["road"] = "M-86";\r\nplex["speed"] = 120;<\/code><\/pre>
Объект с массивом:<\/p>\n
var hrex = {\r\n  name: "Petr",\r\n  coins: [1, 2, 3, 4, 5, 6, 7, 8],\r\n  slaves: ["John", "Abram", "Rosa"]\r\n}\r\n\r\nalert( hrex[slaves][1] );<\/code><\/pre>
Массив объектов:<\/p>\n
var abra = [\r\n  {cadabra: 17, place: "town"},\r\n  {cadabra: 23, place: "lake"},\r\n  {cadabra: 66, place: "street"}\r\n];<\/code><\/pre>
Дальнейшее чтиво<\/h2>\n
Все способы перебора массива в JavaScript<\/a>
\nПолезные методы массивов и объектов в JavaScript<\/a>
\nВыразительный JavaScript: Структуры данных: объекты и массивы<\/a><\/p>\n
Руководство по JavaScript, часть 2: стиль кода и структура программ<\/a>
\nРуководство по JavaScript, часть 3: переменные, типы данных, выражения, объекты<\/a><\/p>\n
Стрелочные функции в JavaScript: зачем они нужны, как с ними обращаться, когда ими стоит пользоваться, а когда — нет<\/a>
\nФункции высшего порядка в JavaScript<\/a><\/p>\n",
            "date_published": "2018-11-15T16:28:03+03:00",
            "date_modified": "2018-11-15T16:32:48+03:00",
            "_date_published_rfc2822": "Thu, 15 Nov 2018 16:28:03 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/antonlyakh.ru\/blog\/all\/obekty-i-massivy-obektov-v-yavaskripte-dlya-pamyati\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3559,
    "_e2_ua_string": "E2 (v3559; Aegea)"
}