Массивы и объекты — это два основных типа данных в JavaScript.

Массивы и объекты — два самых фундаментальных типа данных в JavaScript, и они широко используются в самых разных приложениях. В этой статье мы подробно рассмотрим свойства и возможности как массивов, так и объектов, в том числе способы их создания, доступ к ним и их изменение, а также способы их использования для хранения данных и управления ими.

Массивы = [ 👶🏻, 👧🏻, 👦🏻]

Во-первых, давайте начнем с массивов. Массив — это упорядоченный набор значений, хранящихся в одной переменной. Массивы обозначаются квадратными скобками, а значения внутри массива разделяются запятыми. Например, следующий массив строк:

let myAssets = ['BTC', 'ETH', 'AXS'];

Массивы могут хранить данные любого типа, а не только строки. Они также могут хранить смесь различных типов данных. Например, в следующем массиве хранится число, логическое значение и строка:

let mixedData = [42, true, 'hello'];

Чтобы получить доступ к значениям в массиве, вы можете использовать индекс значения, к которому вы хотите получить доступ. В JavaScript индексы массива начинаются с 0, поэтому для доступа к первому значению в массиве myAssets вы должны использовать следующий синтаксис:

console.log(myAssets[0]); // 'BTC'

Вы также можете использовать отрицательные индексы для доступа к значениям с конца массива. Например, следующий код будет обращаться к последнему значению в массиве colors:

console.log(myAssets[-1]); // 'AXS'

В JavaScript доступно множество различных методов для работы с массивами. Некоторые общие примеры включают push и pop, которые добавляют и удаляют элементы из конца массива соответственно; shift и unshift, которые добавляют и удаляют элементы из начала массива; и splice, которые можно использовать для добавления, удаления или замены элементов в массиве. Я напишу новую статью обо всех методах Array, поэтому сейчас просто пропущу ее, так что лучше подписаться на меня или подписаться по электронной почте.

Объекты = [{ 🤰🏻:👶🏻}, {🤰🏻: 👧🏻 }, {🤰🏻: 👦🏻 }]

Теперь перейдем к объектам. Объект — это набор пар ключ-значение, которые используются для хранения и организации данных. Объекты обозначаются фигурными скобками, а пары ключ-значение внутри объекта разделяются запятыми. Ключи всегда являются строками, а значения могут быть любого типа данных.

Вот пример объекта:

let crypto= {
  name: 'Bitcoin',
  ath: 69.000,
  isShitCoin: false
};

Чтобы получить доступ к значениям внутри объекта, вы можете использовать запись через точку или скобки. Например, следующий код будет обращаться к свойству name объекта crypto:

console.log(crypto.name); // 'Bitcoin'

Вы также можете использовать скобки для доступа к свойствам объекта, например:

console.log(crypto['name']); // 'Bitcoin'

Помимо доступа к свойствам объекта, вы также можете изменять и удалять их, используя тот же синтаксис. Например, следующий код изменит свойство age объекта person на 35:

crypto.ath = 69.000;

Вы также можете использовать оператор delete для удаления свойства объекта. Например, следующий код удалит свойство isShitCoin из объекта crypto:

delete crypto.isShitCoin;

Одним из основных преимуществ объектов является то, что их можно использовать для моделирования реальных объектов более интуитивно понятным способом, чем массивы.Например, если вы создаете приложение чтобы отслеживать информацию о разных книгах, вы можете использовать массив для хранения данных, например:

let books = 
  [ 'The 4 Hour Work Week', 
    'Deep Work', 
    'Becoming Steve Jobs'
  ];

Однако у этого подхода есть несколько ограничений. Во-первых, сложно хранить дополнительную информацию о каждой книге, например, об авторе или количестве страниц. Вы можете добавить больше элементов в массив для хранения этой информации, но тогда вам нужно будет помнить порядок элементов и то, что представляет каждый элемент, что может привести к путанице и возникновению ошибок.

Лучшим подходом было бы использование объекта для представления каждой книги, например:

let books = [
  {
    title: 'The 4 Hour Work Week',
    author: 'Tim Ferriss',
    pages: 324
  },
  {
    title: 'Deep Work',
    author: 'Cal Newport',
    pages: 287
  },
  {
    title: 'Becoming Steve Jobs',
    author: 'Brent Schlender',
    pages: 447
  }
];

Этот подход значительно упрощает доступ и изменение данных для каждой книги, поскольку вы можете использовать свойства объекта для ссылки на определенные фрагменты информации. Например, чтобы получить доступ к названию первой книги, вы можете использовать следующий код:

console.log(books[0].title); // 'The 4 Hour Work Week'

Объекты также могут быть вложены друг в друга для создания более сложных структур данных. Например, вы можете использовать объект для представления библиотеки, которая содержит массив таких объектов-книг;

let library = {
  name: 'My Local Library',
  books: [
    {
      title: 'The 4 Hour Work Week',
      author: 'Tim Ferriss',
      pages: 324
    },
    {
      title: 'Deep Work',
      author: 'Cal Newport',
      pages: 287
    },
    {
      title: 'Becoming Steve Jobs',
      author: 'Brent Schlender',
      pages: 447
    }
  ]
};

Чтобы получить доступ к книгам в объекте библиотеки, вы можете использовать следующий синтаксис:

console.log(library.books); // [{...}, {...}, {...}]

Затем вы можете использовать индекс массива для доступа к определенным книгам в массиве:

console.log(library.books[0].title); // 'The 4 Hour Work Week'

Таким образом, люди, массивы и объекты — это два самых мощных и гибких типа данных в JavaScript, и они являются важными инструментами для хранения данных и управления ими в самых разных приложениях. Независимо от того, работаете ли вы с небольшими наборами данных или большими, сложными наборами данных, массивы и объекты предоставляют инструменты, необходимые для организации, доступа и изменения ваших данных эффективным и интуитивно понятным способом.

Следите за обновлениями

Вы можете следить за мной и подписаться на мою рассылку, чтобы быть в курсе моих следующих статей об алгоритмах, React, React Native и продуктовом дизайне.

GitHub, Twitter, Dribbble