Возможно ли сократить данный JS код?

Question

[Brendan Castaneda]

Возможно ли как-то сократить данный JS код?
Не используя при этом jQuery и я не про минификацию.

let doc = document,
        inp1 = doc.querySelector("[name='name']").value,
        inp2 = doc.querySelector("[name='socialname']").value,
        inp3 = doc.querySelector("[name='numberfo']").value,
        inp4 = doc.querySelector("[name='email']").value,
        inp5 = doc.querySelector("[name='text']").value,
        filter1 = escape(inp1),
        filter2 = escape(inp2),
        filter3 = escape(inp3),
        filter4 = escape(inp4),
        filter5 = escape(inp5);
    doc.querySelector("[name='name']").value = filter1;
    doc.querySelector("[name='socialname']").value = filter2;
    doc.querySelector("[name='numberfo']").value = filter3;
    doc.querySelector("[name='email']").value = filter4;
    doc.querySelector("[name='text']").value = filter5;

Comments

[Kovalsky]

Например можно одним селектором сразу выбрать все нужные элементы и пройтись по нимциклом

Answer 1

[Сергей delphinpro]

['name', 'socialname', 'numberfo', 'email', 'text'].forEach(name => {
  let input = document.querySelector(`[name='${name}']`);
  input.value = escape(input.value);
});

Answer 2

[Дима Паутов]

// Дать нужным полям 1 класс
const fields = Array.from(document.querySelectorAll('.data-field'));

fields.forEach(field => {	
	field.value = escape(field.value);
});

Comments

[Дима Паутов]

Сергей delphinpro, Переменные были написаны для лучшего чтения. Я не в соревнования по краткости кода тут играл, отвечая на вопрос

[Сергей delphinpro]

Дима Турков, ну нет
let fieldValue = field.value — совершенно бессмысленно, согласитесь. )

Answer 3

[Егор Казанцев]

Ну для начала так

function s2(s)
{
doc.querySelector(s).value = escape(doc.querySelector(s).value);
}
s2("[name='name']")
s2("[name='socialname']")
s2("[name='numberfo']")
s2("[name='email']")
s2("[name='text']")

Answer 4

[Владимир]

Делаем массив строк поиска, из него через map() делаем массив inp, из него опять через map() массив filter. Потом запускаем for... of по массиву строк поиска, одновременно наращивая переменную-счетчик и меняем значения value соответствующих элементов на значения из массива filter.