从开关盒返回值

Question

这有效（填充生成的下拉菜单）：

$('dropdown_options').innerHTML = ' ';
jsonResponse.forEach(function(element){
    $('dropdown_options').innerHTML += '<option value='+ element.size + '>' element.size + '</option>';
});

但是element.size是一个数字，我需要字母。 因此，我做了以下功能：

getLetterOfSizeNumber: function(number) {
        var size_letter = null;
        switch (number) {
        case 44: 
            size_letter = 'XS';
            break;
        case 45:
            size_letter = 'S';
            break;
        case 46:
            size_letter = 'M';
            break;
        case 47:
            size_letter = 'L';
            break;
        case 48:
            size_letter = 'XL';
            break;
        case 49:
            size_letter = 'XXL';
            break;
        default:
            break;
        }
        return size_letter;
    }

然后像这样：

jsonResponse.forEach(function(element){
        $('dropdown_options').innerHTML += '<option value='+ element.size + '>' + myObject.getLetterOfSizeNumber(element.size) + '</option>';

而且我的下拉列表中填充了null 。 建议？

Answer 1

改用地图

var numberToSize = {
    44: 'XS',
    45: 'S',
    46: 'M',
    47: 'L',
    48: 'XL',
    49: 'XXL'
};

// (or just remove the function altogether)
getLetterOfSizeNumber: function(number) {
    return numberToSize[number];
};

这将为数字和字符串工作number值，因为他们被用来访问属性值。

Answer 2

而且我的下拉列表中填充了空值。 建议？

我会说你的element.size返回一个string ，而不是一个number 。 那就是为什么你得到null 。

如果您还使用case-expressions中的字符串或使用parseInt(element.size)来获取实数，则您的代码将起作用。

但是更高级的方法是使用数字作为键，字母作为值的对象，就像它描述的@Nico一样。

Answer 3

尝试这个。

 switch(number) { 
        case 44: 
           return 'XS';           
        case 45:
            return 'S';           
        case 46:
            return 'M';          
        case 47:
            return 'L';           
        case 48:
           return = 'XL';         
        case 49:
           return 'XXL';
        default:
            return '';
}