关于 parseInt()和map()

最新推荐文章于 2023-09-04 14:59:37 发布
最新推荐文章于 2023-09-04 14:59:37 发布
阅读量231 收藏 1
点赞数
分类专栏： JS 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_48578649/article/details/121117151
版权

1、为什么[1','2','3'].map(parseInt)  输出结果：['1',NaN,NaN] ?

        map方法：map方法会给灭个原数组中的每个元素都调用一次回调函数，回调函数只会在有值的索引上被调用，那些从没有被赋过值或者使用delete删除的索引则不会被调用。map的回调函数会被自动传入三个参数：数组元素，元素索引，原数组本身。

        parseInt方法：该方法是可以接收两个参数的。第一个参是被转化的值，第二个参数是被转化值的进制。

        NaN：代表非数字值的特殊值。该属性用于指示某个值不是数字。是Number的一种特殊类型，可以用Number.NaN得到

        因此map自动传入的第二个参数即原数组的索引值被parseInt当成了进制数。当进制数为0时，默认为十进制，所以原数组第一个值转换为1。数组第二个元素是2，索引为1，即进制数为1。数组第三个元素为2，索引为2，即进制为二进制，二进制只有0和1，所以结果为NaN。当parseInt的进制参数大于等于2或者大于36，就会返回NaN

        

 

 

我Huai西
关注
专栏目录
JS中parseInt()和map()用法分析
11-27
本文实例讲述了JS中parseInt()和map()用法。分享给大家供大家参考，具体如下： parseInt()的几个例子 var b = parseInt("01"); alert("b="+b); var c = parseInt("09/08/2009"); alert("c="+c); ...
arr.map(parseInt)
dtbk123的博客
06-02 1687
var arr=[1,2,3] console.log(arr.map(parseInt)) //[1,NaN,NaN] 数组的map接收一个函数，这个函数默认有三个参数，第一个是数组元素，第二个是下标，第三个是这个数组，所以实际上是这样 parseInt(1,0,[1,2,3]) parseInt(2,1,[1,2,3]) parseInt(3,2,[1,2,3]) 当第二个参数为0时，默认是10进制，所以是1，第二个是1进制，因为第一个数是2，所以为NaN，第三个也是同样道理 ...
Java 8方法引用，双冒号（：:)运算符
allway2的博客
02-12 528
在Java 8中，双冒号（：:)运算符称为方法引用。请参考以下示例： 匿名类打印列表。 List<String> list = Arrays.asList("node", "java", "python", "ruby"); list.forEach(new Consumer<String>() { // anonymous class @Override public void accept(String str) { ...
js取整的方法，parseInt第二个参数是什么，数组转字符串的方法，parseInt的用法
weixin_43850639的博客
09-04 408
是 JavaScript 中的一个内置函数，它可以解析一个字符串并返回一个整数。它的常见用途是从字符串中提取数字，尤其是当字符串开始于数字但可能包含后续的非数字字符时。注意：始终指定基数可以避免混淆，因为某些字符串（如以"0x"开头的字符串）可能被解析为其他进制。，表示进制，表示要解析的数字的基数。基数可以是2-36之间的任何整数。：与0进行按位或操作可以取整，但只适用于32位整数。：将数组转换为由逗号分隔的字符串。希望这些信息能帮助你更好地理解。：将字符串转换为整数。
Java –将字符串转换为int
gb4215287的博客
12-27 1万+
在Java中，我们可以使用Integer.parseInt()或Integer.valueOf()将String转换为int。 Integer.parseInt()–返回原始int。 Integer.valueOf()–返回一个Integer对象。 对于String位置或负数，转换是相同的。 String number = "7"; // result = 7 int result = Integer.parseInt(number); // r...
知识点梳理：前端js常被问到的 [1,2,3].map(parseInt)
weixin_72392153的博客
04-25 486
理解map、parseInt的作用以及如何使用，建立联系：它们一起使用的产生怎样的效果
Map 和 parseInt 问题.md
12-14
Map 和 parseInt 问题.md
03-map-parseInt.md
最新发布
03-31
### 前端面试中的map和parseInt函数分析能力 前端开发中，遇到需求或代码问题能够高效地进行分析与解决是前端程序员的核心技能之一。这份面试题文档主要考察了对`map`和`parseInt`函数的理解和应用，以及对...
JS forEach和map方法的用法与区别分析
10-17
关于forEach和map在数组元素被修改时的行为，forEach在迭代数组的过程中不创建数组的副本，因此如果在迭代过程中修改数组（例如使用shift()方法移除元素），那么被移除元素之后的所有元素都会被跳过，迭代不会处理...
79-89
2301_76616413的博客
02-23 486
79-89
Java8Stream流
qq_53773837的博客
07-28 512
Stream（流）是一个来自数据源的元素队列，元素是特定类型的对象，形成一个队列。 Java中的Stream并不会存储元素，而是按需计算。数据源：流的来源，可以是集合，数组 等。 和以前的Collection操作不同， Stream操作还有两个基础的特征： Pipelining: 中间操作都会返回流对象本身。 这样多个操作可以串联成一个管道， 如同流式风格（fluentstyle）。 这样做可以对操作进行优化， 比如延迟执行(laziness)和短路( short-circuiting)。 内部迭代：
三级相关算法
qq_34599802的博客
11-17 726
1_1 package outerquestion1.innerquestion1; public class Answer { /** * 十进制转二进制，十进制转Varint */ public static void main(String[] args) { // 1010011010 // 1001101000000101 // 1101111000 // 1111100000000110
JDK8新特性(三)：集合之 Stream 流式操作
扛麻袋的少年的博客
01-07 1万+
1.Stream流由来 首先我们应该知道：Stream流的出现，主要是用在集合的操作上。在我们日常的工作中，经常需要对集合中的元素进行相关操作。诸如：增加、删除、获取元素、遍历。 最典型的就是集合遍历了。接下来我们先举个例子来看看 JDK8 Stream流式操作出现之前，我们对集合操作的过程，从中来了解一下JDK8 之前集合操作数据的弊端。 Demo...
[‘1‘,‘2‘,‘3‘].map(parseInt)的返回值是什么？
m0_54385598的博客
11-11 724
1.数组的map函数，接受三个参数，分别为：当前值，当前索引，当前数组。 2.parseInt接受两个参数，需要转换的字符串，基数（代表几进制，取值范围2~36，省略不写或者0代表十进制） 如果想要返回1,2,3怎么修改？
parseInt()方法理解
xm2by的博客
11-12 7968
parseInt()方法理解 通过下面几个题来深刻理解一下parseInt方法： ['1', '2', '3'].map(parseInt) ['1', '2', '3'].filter(parseInt) ['1', '2', '3'].reduce(parseInt) '1 2 3'.replace(/\d/g, parseInt) ['1', '2', '3'].map(parseF...
[‘1‘,‘2‘,‘3‘].map(parseInt)结果讲解
热门推荐
杏子
03-01 2万+
一、前言 这是一道前端面试题，先说结果：[1, NaN, NaN] 二、为什么会是这个结果 1. map函数 将数组的每个元素传递给指定的函数处理，并返回处理后的数组，所以 ['1','2','3'].map(parseInt) 就是将字符串1，2，3作为元素；0，1，2作为下标分别调用 parseInt 函数。即分别求出 parseInt('1',0), parseInt('2',1),...
Map（）和parseint()
weixin_44758134的博客
04-25 92
map.(parseInt)方法详解
weixin_49295874的博客
11-12 3139
https://www.cnblogs.com/guorange/p/7151265.html
map（parseInt）
08-06
### 回答1： 这个语句的意思是将一个数组中的每个元素都应用 parseInt 方法进行转换，并将转换后的结果存储到一个新的数组中返回。其中，parseInt 方法将字符串解析成整数值。如果数组中的元素无法解析成整数，则会返回NaN。例如： ``` const arr = ['10', '20', '30']; const newArr = arr.map(parseInt); console.log(newArr); // [10, NaN, NaN] ``` 在这个例子中，parseInt 方法在遍历第一个元素时，会将 '10' 解析成整数 10。但是在遍历第二个元素时，parseInt 方法会将它解析成十进制数 2，因为它以 '2' 开头。同理，对于第三个元素，parseInt 方法会将它解析成十进制数 3。因此，最终的结果数组为 [10, NaN, NaN]。 ### 回答2： map（parseInt）是一种数组方法，在JavaScript中常用于对数组进行遍历和处理。它通过传入一个回调函数来对数组的每个元素进行操作，并返回一个新的数组。 parseInt是将字符串转换为整数的方法，它可以接收两个参数，第一个参数是要转换的字符串，第二个参数是基数（表示要转换成的进制类型，默认为10进制）。当我们将parseInt作为回调函数传入map方法时，map将会对数组的每个元素执行parseInt转换操作，并将结果返回为一个新的数组。 需要注意的是，parseInt在转换过程中会忽略字符串中的非数字部分。例如，如果数组元素是"2.5"，parseInt将只会返回整数部分2。此外，当数组元素不是有效的数字字符串时，parseInt会返回NaN。因此，在使用map（parseInt）时，需要特别注意数据的有效性和预期的转换结果。 下面是一个使用map（parseInt）的例子： ```javascript const array = ["1", "2", "3"]; const result = array.map(parseInt); console.log(result); // [1, NaN, NaN] ``` 在上面的例子中，数组元素分别为"1"，"2"，"3"。map方法对每个元素依次执行parseInt转换，所以结果数组分别为1，NaN，NaN。这是因为parseInt将"2"和"3"都转换为10进制时得到的结果都是NaN。 总之，map（parseInt）是一种对数组进行遍历和转换的方法，可以方便地将字符串数组转换为整数数组。但在使用时需要注意数据的有效性和预期的转换结果。 ### 回答3： map(parseInt)是一个数组方法，可以用于对一个数组的每个元素执行parseInt函数。 parseInt函数用于将给定的字符串解析为整数。如果字符串开头是有效的数字字符，则解析直到无效结果为止。结果将返回一个整数，如果无法解析，则返回NaN。 当对一个数组执行map(parseInt)时，会依次对数组的每个元素执行parseInt函数，并返回一个新的数组。每个元素首先被转换为字符串，然后被解析为整数。 需要注意的是，parseInt函数有一个可选的参数用于指定字符串的进制基数。如果不传递进制参数，默认为十进制。在map(parseInt)中，由于没有传递进制参数，parseInt会默认将字符串解析为十进制数。 然而，map(parseInt)在处理非数字字符串时会产生一些奇怪的结果。这是因为parseInt函数会从字符串的开头开始解析，直到遇到无效字符为止。因此，如果数组中的元素是非数字字符串，则parseInt会返回NaN。 这是一个示例： ```javascript const arr = ['10', '20', '30']; const result = arr.map(parseInt); console.log(result); // [10, NaN, NaN] ``` 在上面的示例中，数组`arr`包含三个字符串元素：'10'，'20'，'30'。使用map(parseInt)对数组进行处理后，得到的结果是一个新的数组`result`，其中第一个元素'10'被正确解析为整数10，但是第二个和第三个元素'20'和'30'被解析为NaN。这是因为parseInt函数无法将非数字字符解析为有效整数。 综上所述，map(parseInt)对数组的每个元素执行parseInt函数，并返回一个包含解析结果的新数组。但需要注意，在处理非数字字符串时可能会得到NaN。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值