JS学习笔记1——不要使用JavaScript内置的parseInt()和Number()函数,利用map和reduce操作实现一个string2int()函数
2017-01-24 12:57
1196 查看
map/reduce练习题:不要使用JavaScript内置的parseInt()和Number()函数,利用map和reduce操作实现一个string2int()函数。
分析:把一个字符串
代码如下:
'use strict';
function string2int(s) {
function str2num(str){
var strArr = str.split(''); //把字符串分割成字符串数组
function toInt(data){
return +data; //通过js的弱类型转换,实现字符类型到数字类型的转换
}
var numArr = strArr.map(toInt); //通过map()把字符串数组转换成数字数组
return numArr;
}
var num = str2num(s);
var res = num.reduce(function (x,y) { //通过reduce()把数字数组转换成数字量
return x*10+y;
});
return res;
}
// 测试:
if (string2int('12345') === 12345 && string2int('12300') === 12300) {
if (string2int.toString().indexOf('parseInt') !== -1) {
alert('请勿使用parseInt()!');
} else if (string2int.toString().indexOf('Number') !== -1) {
alert('请勿使用Number()!');
} else {
alert('测试通过!');
}
}
else {
alert('测试失败!');
}
注:map()是数组Array的一个方法,传入一个指定方法,返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
Array
js中把字符类型转成数字类型的方法主要有三种:转换函数parseInt()、强制类型转换Number()、利用js变量弱类型转换。
分析:把一个字符串
"13579"先变成
Array——
[1, 3, 5, 7, 9],再利用
reduce()就可以写出一个把字符串转换为Number的函数。
代码如下:
'use strict';
function string2int(s) {
function str2num(str){
var strArr = str.split(''); //把字符串分割成字符串数组
function toInt(data){
return +data; //通过js的弱类型转换,实现字符类型到数字类型的转换
}
var numArr = strArr.map(toInt); //通过map()把字符串数组转换成数字数组
return numArr;
}
var num = str2num(s);
var res = num.reduce(function (x,y) { //通过reduce()把数字数组转换成数字量
return x*10+y;
});
return res;
}
// 测试:
if (string2int('12345') === 12345 && string2int('12300') === 12300) {
if (string2int.toString().indexOf('parseInt') !== -1) {
alert('请勿使用parseInt()!');
} else if (string2int.toString().indexOf('Number') !== -1) {
alert('请勿使用Number()!');
} else {
alert('测试通过!');
}
}
else {
alert('测试失败!');
}
注:map()是数组Array的一个方法,传入一个指定方法,返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
Array
的reduce()把一个函数作用在这个
Array的
[x1, x2, x3...]上,这个函数必须接收两个参数,
reduce()把结果继续和序列的下一个元素做累积计算,其效果就是:
[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)
js中把字符类型转成数字类型的方法主要有三种:转换函数parseInt()、强制类型转换Number()、利用js变量弱类型转换。
相关文章推荐
- 不要使用JavaScript内置的parseInt()函数,利用map和reduce操作实现一个string2int()函数:
- 学习笔记之Python 切片:利用切片操作,实现一个trim()函数,去除字符串首尾的空格
- [C++学习笔记14]动态创建对象(定义静态方法实现在map查找具体类名对应的创建函数,并返回函数指针,map真是一个万能类)good
- 【廖雪峰 python教程 课后题 切片】利用切片操作,实现一个trim()函数,去除字符串首尾的空格,注意不要调用str的strip()方法:
- 【廖雪峰 python教程 课后题 切片】利用切片操作,实现一个trim()函数,去除字符串首尾的空格,注意不要调用str的strip()方法:
- sizzle.js学习笔记利用闭包模拟实现数据结构:字典(Map)
- 利用JavaScript实现js对user用户的分页和实现js对用户的增删改查操作
- JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
- what's in string? c语言string类函数实现汇总 觉得都是学习使用指针的好例子(算是读书摘抄和笔记吧)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第26讲_js函数调用过程内存分析_js函数细节_学习笔记_源代码图解_PPT文档整理
- 利用hashtable模拟实现权限验证(同map思想-->只能有一个用户名,可重复密码)以及增删查改操作
- ASP学习笔记1操作必须使用一个可更新的查询
- 学习笔记---使用prototype.js扩展struts标签实现xmlhttprequest
- javascript dom 学习笔记 第九章:实现给某个元素添加加新的class的值的函数!
- JavaScript高级程序设计(第2版) 学习笔记:(一)js函数依赖性
- JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
- JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
- javascript学习笔记(十九) 节点的操作实现代码
- javascript学习笔记(七) js函数介绍
- 【学习笔记】函数高级使用技巧:利用函数返回函数