Javascript / Jquery：將輸入標簽中輸入的數字（以空格分隔）傳遞給數組

Question

我一直在嘗試將在輸入標簽中輸入的數字傳遞給數組。 輸入的數字將用空格分隔。

var arr = [];
$(function(){

    var input = $('input').val(),
        button = $('button');
    button.on('click',function{
        arr = input.split(' ');
        console.log(arr);
    }); 

});

樣本輸入： 1 4 3 5 65 145 6

所需的輸出： arr = [1,4 3,5,65,145,6];

Answer 1

拆分后，您將獲得strings數組。 僅在拆分之后，您才需要使用Array＃map和parseFloat函數將它們解析為數字。

還一注 。 如果用spaces開始或結束輸入，它也會在數組項中提供NaN ，因此最后我用not NaN值過濾了數組。

 var arr = []; $('#btn').on('click', function() { var values = $('#inp').val(); arr = values.split(' ').map(val => parseFloat(val)).filter(val => !Number.isNaN(val)); console.log(arr); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="inp" > <button id="btn">Get values</button> 

Answer 2

var input = '1 4 3 5 65 145 6';
var arr = input.split(' ').map(Number);

結果：

arr = [1、4、3、5、65、145、6]

Answer 3

你快到了

var outputArr = input.split( " " ).map( function(item){ return Number(item) });

要么

var outputArr = input.split( " " ).map( function(item){ return +item });

要么

var outputArr = input.split( " " ).map( function(item){ return parseInt(item) });

您需要迭代數組中的String item並將其轉換為Number 。