Javascript Массив Shorthand

Question

Я просто хотел бы знать, существует ли сокращенный способ написания этого кода:

allJobs[0].style.display = 'none'; 
allJobs[1].style.display = 'none'; 
allJobs[3].style.display = 'none'; 

Я попробовал этот путь, но это только когда-либо скрывает последнее значение не те, перед ним:

allJobs[0, 1, 3].style.display = 'none'; 

Я не могу использовать классическое решение для цикла, я не думаю, потому что некоторые элементы массива пропускаются и отображаются. Спасибо.

Edit: У меня есть более чем на 3 дисплея ноны я просто хотел, чтобы этот вопрос просто, им не поленился написать 3 линии!

Answer 1

[0, 1, 3].forEach(function(d) { 
    allJobs[d].style.display = 'none'; 
}); 

Хотя по общему признанию, имея только три элемента, это не намного короче ...

Answer 2

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

var indexes = [0, 1, 3]; 

for(var i = 0; i < indexes.length; i++) { 
    allJobs[indexes[i]].style.display = 'none'; 
} 

Answer 3

Вот как я это сделаю:

function setHidden() { 
    for (var i = 0; i < arguments.length; i++) allJobs[arguments[i]].style.display = 'none'; 
} 

setHidden(0, 1, 3); 

Этот конкретный метод позволяет избежать дорогостоящего вызова функции f или каждый элемент (например, Array.forEach).

Answer 4

Вот альтернативный подход:

function setStyle(element, cssAttrib, cssValue) { 
    element.style[cssAttrib] = cssValue; 
} 

var indexes = [ 0, 1, 3 ]; 
for (var i = indexes.length-1; i > -1; i--) // Loop Backwards For Constant Comparison 
{ 
    setStyle(allJobs[i], "display", "none"); 
} 

Обратите внимание, что вызов SetStyle берет на себя функцию вызова неустойку, подобный подход Foreach. Если производительность является проблемой, вы можете рассмотреть возможность вложения изменений в свой стиль.

var indexes = [ 0, 1, 3 ]; 
for (var i = indexes.length-1; i > -1; i--) // Loop Backwards For Constant Comparison 
{ 
    allJobs[i].style.display = none; 
}