带有三个参数的jQuery $ .each有什么作用，如何将其转换为纯JS？

Question

我正在尝试从继承的项目中删除JQuery，但我偶然发现了这行代码，这实际上没有任何意义。

$.each(options.reservationOptions,this._addToSelect, [select]);

$.each()在有3件事传递给它时会做什么。 第一个是对象，第二个是函数，第三个是var。

这是[select]初始化：

var select = L.DomUtil.create('select', 'booking-select ' + options.RoomName, reservationContainer);

这是函数：

_addToSelect: function (select) {
    try {
        var value = this.value;
        var text = this.text;
        if (text) {
            var option = $("<option>").addClass('booking-option').text(text);
            //var option = L.DomUtil.create('option', 'booking-option');
            //option.innerText = text;
            if ( value )
                option.val(value);
            //option.value = value;
            option.appendTo(select);
            //select.appendChild(option.get());

            //var optionsList = select.options || select;
            //optionsList.add(option.get());
        }
    } catch (ex) {
        console.log('could not add option to select ' + ex.message);
    }

Answer 1

进行迭代，第一个参数是数组或对象，第二个参数是回调，第三个参数是传递给回调的参数。 在一个循环中，您将使用（假设数组）做同样的事情

options.reservationOptions.forEach(function(item) {

    this._addToSelect.apply(item, [select]);

}.bind(this));

这是jQuery的简短版本

$.each = function (obj, callback, args) {
    var value, 
        i       = 0,
        length  = obj.length,
        isArray = isArraylike(obj);

    if (args) {
        if (isArray) {
            for (; i < length; i++) {
                value = callback.apply(obj[i], args);

                if (value === false) {
                    break;
                }
            }
        } else {
            for (i in obj) {
                value = callback.apply(obj[i], args);

                if (value === false) {
                    break;
                }
            }
        }
    }
}

Answer 2

forEach具有两个参数，即回调和上下文– https://developer.mozilla.org/pl/docs/Web/JavaScript/Referencje/Obiekty/Array/forEach

options.reservationOptions.forEach(function(option) {
    this.options.reservationOptions(option);
}, this);