HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>В работе с объектами иногда бывает нужно проверить наличие свойства и выполнить особую логику в случае его отсутствия. Проще всего такая проверка выполняется через сравнение с undefined, но этот подход не универсальный. При определенных условиях он сработает неверно.</p>
1 <p>В работе с объектами иногда бывает нужно проверить наличие свойства и выполнить особую логику в случае его отсутствия. Проще всего такая проверка выполняется через сравнение с undefined, но этот подход не универсальный. При определенных условиях он сработает неверно.</p>
2 <p>Представьте себе функцию, которая должна посчитать количество повторяющихся элементов в массиве:</p>
2 <p>Представьте себе функцию, которая должна посчитать количество повторяющихся элементов в массиве:</p>
3 <p>Алгоритм ее работы достаточно прост, но есть один тонкий момент. Во время обхода массива эта функция берет объект-результат, извлекает из него нужное свойство и увеличивает значение на единицу. Но это в случае, когда свойство уже есть. А если его нет? Так как изначально объект-результат пустой, то когда элемент массива появляется первый раз, в объекте нужно создавать соответствующее свойство со значением 1. Посмотрите на реализацию:</p>
3 <p>Алгоритм ее работы достаточно прост, но есть один тонкий момент. Во время обхода массива эта функция берет объект-результат, извлекает из него нужное свойство и увеличивает значение на единицу. Но это в случае, когда свойство уже есть. А если его нет? Так как изначально объект-результат пустой, то когда элемент массива появляется первый раз, в объекте нужно создавать соответствующее свойство со значением 1. Посмотрите на реализацию:</p>
4 <p>В подобной ситуации сравнение значения с undefined сработает всегда, но только потому, что undefined не может оказаться внутри существующего свойства. Но бывает и по-другому. Посмотрите на код:</p>
4 <p>В подобной ситуации сравнение значения с undefined сработает всегда, но только потому, что undefined не может оказаться внутри существующего свойства. Но бывает и по-другому. Посмотрите на код:</p>
5 <p>В примере выше значением key станет результат вызова функции doSomething(). Если эта функция может вернуть undefined, то окажется, что в объекте ключ key определен, но его значение undefined.</p>
5 <p>В примере выше значением key станет результат вызова функции doSomething(). Если эта функция может вернуть undefined, то окажется, что в объекте ключ key определен, но его значение undefined.</p>
6 <p>В JavaScript есть более надежный и более правильный по смыслу способ проверить существование свойства, не сравнивая значения - это метод<a>Object.hasOwn()</a>. Вот как меняется функция countFruits(), если использовать этот метод:</p>
6 <p>В JavaScript есть более надежный и более правильный по смыслу способ проверить существование свойства, не сравнивая значения - это метод<a>Object.hasOwn()</a>. Вот как меняется функция countFruits(), если использовать этот метод:</p>
7 <h2>Оператор нулевого слияния</h2>
7 <h2>Оператор нулевого слияния</h2>
8 <p>Конкретно в нашем примере с поиском фруктов внутри результирующего объекта не может оказаться undefined просто так в качестве значения. Там всегда будет какое-то число, начиная от единицы. Более того, даже проверка на наличие значения лишняя. Всё, что нам нужно - извлекать текущее значение с возможностью задать значение по умолчанию. Сделать это можно, воспользовавшись<a>оператором нулевого слияния</a>. Он позволяет задать значение по умолчанию в случае, когда оно равно null или undefined.</p>
8 <p>Конкретно в нашем примере с поиском фруктов внутри результирующего объекта не может оказаться undefined просто так в качестве значения. Там всегда будет какое-то число, начиная от единицы. Более того, даже проверка на наличие значения лишняя. Всё, что нам нужно - извлекать текущее значение с возможностью задать значение по умолчанию. Сделать это можно, воспользовавшись<a>оператором нулевого слияния</a>. Он позволяет задать значение по умолчанию в случае, когда оно равно null или undefined.</p>
9  
9