如何安全地将逗号分隔的字符串转换为数字数组

Question

编辑 ：

为什么这不重复

这个问题专门解决了使用Number(str)将空字符串以及任意数量的空格字符转换为0 。

看一下以下片段：

 convertBtn.addEventListener('click', () => console.log(toArrayOfNumber(foo.value))) const toArrayOfNumber = str => str.split(',').map(Number); 

 <input type="text" id="foo" value="1,2,4,-1" /> <button type="button" id="convertBtn">convert to array of numbers</button> 

只要输入具有适当的value一切正常。 现在我想让它对以下值保持安全：

• ,
• , ,,

让我措手不及的是， Number("")和Number(" ")都返回0 （我不想要我的用例我不想要""或任意数量的空格被视为Number ）。

所以我想出了这个：

 convertBtn.addEventListener('click', () => console.log(toArrayOfNumber(foo.value))) const toArrayOfNumber = str => str.split(',').filter(x => x.trim() !== "").map(Number); 

 <input type="text" id="foo" value="1,2,4,-1,,, ,, 11" /> <button type="button" id="convertBtn">convert to array of numbers</button> 

这感觉很尴尬，我希望有一个明显的，更好的解决方案，我没有看到。

Answer 1

来自@KendallFrey的回答（谁拒绝发帖，所以我偷了他的解决方案）

'1,2,4,-1,,, ,, 11,0,0'.split(/[, ]+/).map(x=>+x)

您仍然可以使用.map(Number)但x=>+x缩短1个字节。

控制台中的结果： (7) [1, 2, 4, -1, 11, 0, 0]

另一个正则表达式解决方案（不允许小数）： /-?\\d+/g

Answer 2

如果您只处理整数，则以下内容也适用。 将保留0，但将删除空值。

split(',').filter(num => !isNaN(parseInt(num))).map(Number);

例

 const str = '1,2,4,-1,,, ,0, 11'; console.log(str.split(',').filter(num => !isNaN(parseInt(num))).map(Number)); 

Answer 3

试试这个：

 const value="-99,1,2,4,-1,,, ,0,, 11" const toArrayOfNumber = str => str.split(',').map(num => num.trim() && Number(num)).filter(num => !Number.isNaN(num) && typeof num != 'string'); const nums = toArrayOfNumber(value); nums.forEach(num => console.log(typeof num, num)); 

我们使用trim的结果来确定我们是否应该像数字一样处理它。 如果没有，那么我们只有一个string ，并被过滤掉。

Answer 4

您也可以通过Array.reduce执行此操作，在每次迭代中，您使用isNaN检查parseInt ：

 let data = "1,2,4,-1,,, ,0, 11" let r = data.split(',').reduce((r,c) => isNaN(parseInt(c)) ? r : [...r, +c],[]) console.log(r) 

这样，您只能iterate over the array once分割后iterate over the array once 。 这也将保持零完整，只丢弃任何非数字。