本文共 824 字，大约阅读时间需要 2 分钟。
在JavaScript中，map函数将元素和索引作为参数传递给回调函数。因此，当使用parseInt作为回调函数时，元素会被正确转换为数值，而索引会被错误地作为基数传递，导致结果中的NaN值。
问题分析：
map函数的工作原理：
map函数会将数组中的每个元素依次传递给回调函数。parseInt函数的参数问题：
parseInt函数的第一个参数是要转换的字符串，第二个参数是基数（默认为10）。['2', '3', '4'].map(parseInt)时，parseInt接收两个参数：元素和索引。索引作为基数的影响：
parseInt('2', 0)返回2。parseInt('3', 1)返回NaN（因为二进制中没有'3'）。parseInt('4', 2)返回NaN（因为二进制中没有'4'）。解决方法：
直接处理元素：
parseInt，忽略索引。可以通过在回调函数中使用num => parseInt(num, 10)来实现。固定基数：
bind方法将基数固定为10。例如，parseInt.bind(null, 10)确保每次调用时基数都是10。代码示例：
// 正确处理元素['2', '3', '4'].map(num => parseInt(num, 10)); // [2, 3, 4]// 使用 bind 固定基数const numParser = parseInt.bind(null, 10);['2', '3', '4'].map(num => numParser(num)); // [2, 3, 4]
总结：
这个问题的核心在于map函数传递了额外的索引参数到回调函数中，导致了意外的结果。通过正确处理函数参数或固定基数，可以避免这个问题，确保数据被正确转换。
转载地址：http://rim.baihongyu.com/