こんにちは、ピーターです。

ループかベタ書きか。
私は見た目にわかりやすい方を選びます。
以下、JavaScriptでの例です。

■例1

var obj = {}, id;
var $ = function(id) {
    var e = document.getElementById(id);
    return e ? e : {};
};
var ids = ['black', 'white', 'yellow', 'green', 'red',
    'blue', 'pink', 'brown', 'orange', 'purple'];

for ( var i = 0, n = ids.length; i < n; i++ ) {
    id = ids[i];
    obj[id] = $(id).value;
}

■例2

var obj = {};
var $ = function(id) {
    var e = document.getElementById(id);
    return e ? e : {};
};
obj.black  = $('black').value;
obj.white  = $('white').value;
obj.yellow = $('yellow').value;
obj.green  = $('green').value;
obj.red    = $('red').value;
obj.blue   = $('blue').value;
obj.pink   = $('pink').value;
obj.brown  = $('brown').value;
obj.orange = $('orange').value;
obj.purple = $('purple').value;​

例1と例2はどちらも同じ事をしているのですが、例2の方が直感的でわかりやすく感じるので、これくらいの数だったら私はループせずにベタ書きします。

Tweet

ピーター JavaScript, 社員：ピーター