传递给JavaScript函数的整数数组 - Integer Arrays Passing To JavaScript Function

Integer Arrays Passing To JavaScript Function

本文关键字：整数数组函数 JavaScript | 更新日期: 2023-09-27

我在php中有一个数组，我在Javascript中得到它。这是我的php代码

$query = "SELECT SeatNum FROM `$busNum` WHERE AB = 1";
$runQuery = mysqli_query($con, $query);
$i = 0;
foreach($runQuery as $row)
{
    $availableSeats[$i++] = $row['SeatNum'];
}

我在javascript 中得到了这个字符串

var getBookedSeats = <?php echo json_encode($availableSeats); ?>;
var bookedSeats =[];
for(var i =0 ; i <getBookedSeats.length ; i++){
 bookedSeats[i] = getBookedSeats[i];
}

该数组也成功保存在bookedSeats中。现在的问题是，当我使用该数组作为参数来调用函数时。参数中没有任何内容。甚至不存在范围问题。这是我的功能看起来像：

 var init = function (reservedSeat) {
//code
}
init(bookedSeats);

init函数的实现是：

   var settings = {
            rows: 5,
            cols: 15,
            rowCssPrefix: 'row-',
            colCssPrefix: 'col-',
            seatWidth: 35,
            seatHeight: 35,
            seatCss: 'seat',
            selectedSeatCss: 'selectedSeat',
            selectingSeatCss: 'selectingSeat'
        };
        var init = function (reservedSeat) {
            var str = [], seatNo, className;
            for (i = 0; i < settings.rows; i++) {
                for (j = 0; j < settings.cols; j++) {
                    seatNo = (i + j * settings.rows + 1);
                    className = settings.seatCss + ' ' + settings.rowCssPrefix + i.toString() + ' ' + settings.colCssPrefix + j.toString();
                    if ($.isArray(reservedSeat) && $.inArray(seatNo, reservedSeat) != -1) {
                        className += ' ' + settings.selectedSeatCss;
                    }
                    str.push('<li class="' + className + '"' +
                              'style="top:' + (i * settings.seatHeight).toString() + 'px;left:' + (j * settings.seatWidth).toString() + 'px">' +
                              '<a title="' + seatNo + '">' + seatNo + '</a>' +
                              '</li>');
                }
            }
            $('#place').html(str.join(''));
        };

问题似乎是您试图将数组值作为数字进行比较，而当前将它们作为字符串。要将它们转换为数字，您可以简单地使用：

bookedSeats = bookedSeats.map(Number) // iterate over each bookedSeats element and return its numeric value

与相同

bookedSeats = bookedSeats.map(function(value){
    return Number(value);
})

从注释中可以看出，您的变量bookedSeats被赋予了值。但是，如果init（）函数需要整数，则需要使用整数构建bookedSeats数组，如下所示：

for(var i =0 ; i <getBookedSeats.length ; i++){
 bookedSeats[i] = parseInt( getBookedSeats[i], 10 );
}

我不使用php，但我相信php的json_encode返回一个json格式的字符串。这将导致JavaScript代码将字符串中的各个字符存储到bookSeats变量中。

您需要解析php返回的字符串。例如

var getBookedSeats = JSON.parse(<?php echo json_encode($availableSeats); ?>);