如何在JavaScript中將數組中的所有元素轉換為整數?



(9)

您需要遍歷並解析/轉換數組中的元素,如下所示:

var result_string = 'a,b,c,d|1,2,3,4',
    result = result_string.split("|"),
    alpha = result[0],
    count = result[1],
    count_array = count.split(",");
for(var i=0; i<count_array.length;i++) count_array[i] = +count_array[i];
//now count_array contains numbers

你可以在這裡測試一下 。 如果+ ,正在投擲,請將其視為:

for(var i=0; i<count_array.length;i++) count_array[i] = parseInt(count_array[i], 10);

經過一些操作,我得到一個數組。 我需要將所有數組值轉​​換為整數。

我的示例代碼

var result_string = 'a,b,c,d|1,2,3,4';
result = result_string.split("|");
alpha = result[0];
count = result[1];
// console.log(alpha);
// console.log(count);
count_array = count.split(",");

count_array現在包含1,2,3,4但我需要這些值為整數。

我用過parseInt(count_array); ,但它失敗了。 JS將此數組中的每個值都視為字符串。


反對parseInt -approach的觀點:

沒有必要使用lambdas和/或給parseInt提供radix參數,只需使用parseFloatNumber

原因:

  1. 它的工作原理是:

    var src = "1,2,5,4,3";
    var ids = src.split(',').map(parseFloat); // [1, 2, 5, 4, 3]
    
    var obj = {1: ..., 3: ..., 4: ..., 7: ...};
    var keys= Object.keys(obj); // ["1", "3", "4", "7"]
    var ids = keys.map(parseFloat); // [1, 3, 4, 7]
    
    var arr = ["1", 5, "7", 11];
    var ints= arr.map(parseFloat); // [1, 5, 7, 11]
    ints[1] === "5" // false
    ints[1] === 5   // true
    ints[2] === "7" // false
    ints[2] === 7   // true
  2. 它更短。

  3. 它更快一點, 並利用緩存,當parseInt -approach - 不

      // execution time measure function
      // keep it simple, yeah?
    > var f = (function (arr, c, n, m) {
          var i,t,m,s=n();
          for(i=0;i++<c;)t=arr.map(m);
          return n()-s
      }).bind(null, "2,4,6,8,0,9,7,5,3,1".split(','), 1000000, Date.now);
    
    > f(Number) // first launch, just warming-up cache
    > 3971 // nice =)
    
    > f(Number)
    > 3964 // still the same
    
    > f(function(e){return+e})
    > 5132 // yup, just little bit slower
    
    > f(function(e){return+e})
    > 5112 // second run... and ok.
    
    > f(parseFloat)
    > 3727 // little bit quicker than .map(Number)
    
    > f(parseFloat)
    > 3737 // all ok
    
    > f(function(e){return parseInt(e,10)})
    > 21852 // awww, how adorable...
    
    > f(function(e){return parseInt(e)})
    > 22928 // maybe, without '10'?.. nope.
    
    > f(function(e){return parseInt(e)})
    > 22769 // second run... and nothing changes.
    
    > f(Number)
    > 3873 // and again
    > f(parseFloat)
    > 3583 // and again
    > f(function(e){return+e})
    > 4967 // and again
    
    > f(function(e){return parseInt(e,10)})
    > 21649 // dammit 'parseInt'! >_<

注意:在Firefox中, parseInt工作速度提高了約4倍,但仍比其他工作速度慢。 總計: +e < Number < parseFloat < parseInt


你可以做

var arrayOfNumbers = arrayOfStrings.map(Number);

對於不支持Array.map的舊版瀏覽器,可以使用Underscore

var arrayOfNumbers = _.map(arrayOfStrings, Number);

var arr = ["1", "2", "3"];
arr = arr.map(Number);
console.log(arr); // [1, 2, 3]


只需循環數組並轉換項目:

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

不要忘記parseInt的第二個參數。


使用jQuery,你可以喜歡map()方法 ;

 $.map(arr, function(val,i) { 
     return parseInt(val); 
 });

const arrString = ["1","2","3","4","5"];
const arrInteger = arrString.map(x => Number.parseInt(x, 10));

以上應該足夠簡單

一個棘手的部分是當你嘗試對地圖使用無點函數時,如下所示

const arrString = ["1","2","3","4","5"];
const arrInteger = arrString.map(Number.parseInt);

在這種情況下,結果將是[1, NaN, NaN, NaN, NaN]因為mapparseInt函數參數簽名不同

map expect - (value, index, array) ,如parseInt所期望的那樣 - (value, radix)



您應該考慮的另一個答案是,如果您隱藏了一個元素,您應該使用jQuery ,但不是實際隱藏它,而是刪除整個元素,但是將其HTML內容和標記本身複製到jQuery變量中,然後你需要做的就是測試屏幕上是否有這樣的標籤,使用正常的if (!$('#thetagname').length)





javascript