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 。