- JavaScript: определяем количество элементов в объекте
- Array.length
- Синтаксис
- Описание
- Примеры
- Пример: итерирование по массиву
- Пример: сокращение массива
- Спецификации
- Совместимость с браузерами
- Смотрите также
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- Как узнать на javascript размер массива
- Вычисление на javascript количества элементов в массиве
- Вычисление на javascript размера массива в байтах
JavaScript: определяем количество элементов в объекте
В этой статье мы поговорим, как определить число элементов в 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, записывайтесь на наши курсы:
Array.length
Свойство length объекта, который является экземпляром типа Array , устанавливает или возвращает число элементов этого массива. Значение данного свойства 32-битное безнаковое целое число, которое всегда численно больше чем самый наибольший индекс в массиве.
var items = ['shoes', 'shirts', 'socks', 'sweaters']; items.length; // возвращает 4
Синтаксис
Описание
Свойство length является целым числом с положительным знаком и значением, меньшим чем 2 в степени 32 (232).
var namelistA = new Array(4294967296); //2 в 32 степени = 4294967296 var namelistC = new Array(-100) //отрицательная величина console.log(namelistA.length); //RangeError: Invalid array length console.log(namelistC.length); //RangeError: Invalid array length var namelistB = []; namelistB.length = Math.pow(2,32)-1; //устанавливает длину массива меньше 2 в 32 степени console.log(namelistB.length); //4294967295
В любой момент вы можете установить свойство length для обрезки массива. Когда вы расширяете массив, изменяя его свойство length , реальное количество элементов в массиве увеличивается; например, если вы установите свойство length в 3, когда оно равно 2, массив будет из 3 элементов, где значение третьего элемента будет равно undefined .
var arr = [1, 2, 3]; printEntries(arr); arr.length = 5; // устанавливает длину массива 5. printEntries(arr); function printEntries(arr) var goNext = true; var entries = arr.entries(); while (goNext) var result = entries.next(); if (result.done !== true) console.log(result.value[1]); goNext = true; > else goNext = false; > console.log('=== printed ==='); > // 1 // 2 // 3 // === printed === // 1 // 2 // 3 // undefined // undefined // === printed ===
Таким образом, свойство length ничего не говорит о количестве определённых значений в массиве. Также смотрите раздел Взаимосвязь свойства length с числовыми свойствами.
Атрибуты свойства Array.length | |
---|---|
Записываемое | да |
Перечисляемое | нет |
Настраиваемое | нет |
Примеры
Пример: итерирование по массиву
В следующем примере массив numbers итерируется до значения свойства length , показывающего, сколько элементов содержит массив. Значение каждого элемента удваивается.
var numbers = [1, 2, 3, 4, 5]; for (var i = 0; i numbers.length; i++) numbers[i] *= 2; > // Массив numbers теперь равен [2, 4, 6, 8, 10];
Пример: сокращение массива
Следующий пример сокращает массив statesUS до длины в 50 элементов, если текущая длина массива больше 50.
if (statesUS.length > 50) statesUS.length = 50; >
Спецификации
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
Found a content problem with this page?
This page was last modified on 7 нояб. 2022 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Как узнать на javascript размер массива
Для вычисления на javascript размера массива объектов используется свойство массива length.
var arr = ["first", "second"]; console.log(arr.length); // 2
Массивы в javascript могут иметь пропуски в индексах. Например
var arr = []; arr[0] = "first"; arr[4] = "second";
Свойство length возвращает максимальный индекс массива + 1. Т.е. в приведенном примере length = 5.
Вычисление на javascript количества элементов в массиве
Если нужно посчитать количество реально существующих элементов массива, нужно воспользоваться следующей функцией:
Array.prototype.count = function()
var arr = []; arr[0] = "first"; arr[4] = "second"; console.log(arr.count()); //2
Так же в свойство length можно присваивать значение. Это позволяет уменьшить длину существующего массива.
var arr = ["first", "second", "third"]; arr.length = 2; console.log(arr); // ["first", "second"]
Вычисление на javascript размера массива в байтах
Массивы являются обычными объектами, так что вычисление размера массива в байтах ничем не отличается от вычисления размера любого другого объекта. К сожалению, javascript не предоставляет API для вычисления размера, так что придется считать самостоятельно. Делается это следующим образом: обходим все свойства объекта, если свойство примитивного типа — добавляем к общему результату размер экземпляра этого типа, если в свойстве лежит объект — рекурсивно считаем его размер.
function sizeOf(obj) < var bytes = 0; if(obj !== null && obj !== undefined) < switch(typeof obj) < case 'number': bytes += 8; break; case 'string': bytes += obj.length * 2; break; case 'boolean': bytes += 4; break; case 'object': for(var key in obj) < bytes += sizeOf(objJavascript размер массива объектов); >break; > > return bytes; >;
Метод не точный и имеющий множество проблем — например есть вероятность уйти в бесконечный цикл.