JavaScript: определяем количество элементов в объекте
2026-03-10 01:32 Diff
https://otus.ru/nest/post/1345/

Теги: javascript, js, массив, объект, length, определить количество элементов

В этой статье мы поговорим, как определить число элементов в JavaScript-объекте. Заодно посмотрим, как определяют количество элементов в массиве. И, разумеется, приведём практические примеры.

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

Итак, давайте представим, что у нас есть объект:

var myObject = new Object(); myObject["firstname"] = "Лев"; // Имя myObject["lastname"] = "Толстой"; // Фамилия myObject["age"] = 21; // Возраст

И возникает закономерный вопрос: каким образом лучше рассчитать величину объекта, то есть количество входящих в него элементов? Смотрите, если подсчёт будет осуществляться в современных браузерах, то самый простой способ — следующий:

var size = Object.keys(myObject).length;

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

// Функция, определяющая величину объекта Object.size = function(obj) { var size = 0, key; for (key in obj) { if (obj.hasOwnProperty(key)) size++; } return size; }; // В переменной size будет содержаться количество элементов объекта var size = Object.size(myObject);

В принципе, ничего сложного нет. Давайте закрепим этот небольшой урок: 1. Если надо определить число элементов в массиве JavaScript:

//Определяем массив var arr = ["elem_1", "elem_2", "elem_3", "elem_4", "elem_5"]; //Узнаём число элементов массива, применяем к нему свойство length var countElementsArr = arr.length; //Распечатываем результат в консоль console.log(countElementsArr);

2. Если надо определить число элементов в объекте JavaScript:

//Определяем объект var obj = {"first_name": "Ivan", "last_name": "Ivanov", "city": "Ivanovo", "country": "Russia"}; //Узнаём число элементов объекта var countElementsObj = Object.keys(obj).length; //Распечатываем результат в консоль console.log(countElementsObj);

Источники:

  • https://wordpressrus.ru/javascript/javascript-opredelenie-razmera-massiva-i-obekta.html
  • https://wppw.ru/vo/kak-opredelit-kolichestvo-elementov-v-obekte-javascript

Если же интересуют не базовые знания, а действительно продвинутые навыки по разработке на JavaScript, записывайтесь на наши курсы: