0

подскажите, как можно поэлегантнее, без кучи строчек кода с if реализовать следующую задачу:

есть массив arr, есть 2 элемента value1 и value2, которые надо добавить в начало массива, если эти элементы определены (не равны undefined)

в лоб это выглядит как-то совсем неуклюже :)

вариант 1:

if (value2 !== undefined)
    arr = [value2, ...arr];

if (value1 !== undefined)
    arr = [value1, ...arr];

вариант 2:

arr = (value2 !== undefined) ? [value2, ...arr] : arr;
arr = (value1 !== undefined) ? [value1, ...arr] : arr;

а есть ли какой-нибудь однострочный способ, типа

arr = [(value1 !== undefined) ? value1 : none, (value2 !== undefined) ? value2 : none, arr];

?

6
  • 2
    arr = [value2, value1].filter(v => v !== undefined).concat(arr);?
    – wololo
    5 окт 2020 в 11:05
  • @wololo, неплохо!, но что делать, если value формируются так: value2 = (stat) ? {x: 1, y: 2} : undefined? Тогда в массив так просто значения не запихнуть
    – Zhihar
    5 окт 2020 в 11:44
  • Можете пояснить подробнее, почему value просто так не поместить в массив?
    – wololo
    5 окт 2020 в 15:35
  • можно, но получается немного извратно :) arr = [a ? {x: 11} : {}, b ? {y: 12} : {}].filter(v => Object.keys(v).length !== 0).concat(arr);
    – Zhihar
    5 окт 2020 в 15:43
  • Ок, видимо я конкретно туплю :) Чему будет равен arr после выполнения представленного кода, и чем он отличается от результата, который вы бы хотели получить?
    – wololo
    5 окт 2020 в 16:06

2 ответа 2

1

(Предполагаю, что все falsy значения кроме undefined допустимы. Если нет, можно упростить условия ниже).

Можно так:

const array = ['foo'];

const a = 'bar';
const b = undefined;

array.unshift(
  ...(a !== undefined ? [a] : []),
  ...(b !== undefined ? [b] : []),
);

console.log(array);

Если нужно с перезаписью переменной, то так:

let array = ['foo'];

const a = 'bar';
const b = undefined;

array = [
  ...(a !== undefined ? [a] : []),
  ...(b !== undefined ? [b] : []),
  ...array
];

console.log(array);

2
  • как вариант, правда если использовать typescript, то начинается ругань как раз из-за использования []
    – Zhihar
    5 окт 2020 в 15:34
  • А если заменить пустой массив на пустую строку? Это ведь тоже итератор, который распространяется в ноль аргументов. 5 окт 2020 в 15:37
1

let x = ['abc', 'qwert',]
let a;

x = !!a ? [a, ...x] : x
console.log(x)

a = 'sven'

x = !!a ? [a, ...x] : x
console.log(x)

6
  • как вариант, но на него начинает ругаться typescipt: Expected an assignment or function call and instead saw an expression @typescript-eslint/no-unused-expressions
    – Zhihar
    5 окт 2020 в 14:03
  • реакт, что ли ?:) попробуй вместо пустых скобок a = undefined или null 5 окт 2020 в 14:10
  • он самый, но не сработало :(
    – Zhihar
    5 окт 2020 в 14:24
  • переписал = попробуй ....в противном случае в eslint`е отключить эту проверку. Это как вариант 2 у тебя ) 5 окт 2020 в 15:07
  • но ведь по сути это та самая запись arr = (value2 !== undefined) ? [value2, ...arr] : arr;, хотя подход с !! - то хорошо, хотя конечно бы хотелось в 1 строчку оба присваивания :)
    – Zhihar
    5 окт 2020 в 15:25

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.