JS能把非数值转换为数值的3个函数:Number()、parseInt()和parseFloat()。
- 共同点:返回值都是数值或者NaN。
- 不同点:
1、Number()可以用于任何数据类型,而parseInt()、parseFloat()专门用于把字符串转换为数值;
2、parseInt()的第二个参数可以是基数。parseFloat()能转换一个小数点后数字,且只能解析十进制;
3、Number()和parseFloat()会始终忽略值的前缀0;
4、Number能把空字符串、null、true和false转换为数值。
二、判断数值的方法
1、根据以上其中一个方法的返回值,调用toString()转为字符串,判断是否是"NaN"字符串:
注意!NaN与任何值都不相等,包括它本身。
如:用parseFloat方法:
function isNumber(item) {
if (parseFloat(item).toString() === "NaN") {
console.log(item+"不是数字")
} else {
console.log(item+"是数字")
}
}
2、isNaN()函数判断是否是“非数值”:
注意!仅用isNaN()不能判断空字符串、字符串格式的数字、null、Boolean类型。
function isNumber(item) {
let temp = parseFloat(item);
if (isNaN(temp)) {
console.log(item+"不是数字")
} else {
console.log(item+"是数字")
}
}
三、两道面试题
var str = "undefined, 1, '', ' ', null, 'null', {A:a}, 4, 9, str, 你, 好, true";
// 页面上显示所有的数字,一行只能显示一个数字,并且要求数字是字符串格式。
// 思路: 1、把字符串分隔为数组;
// 2、遍历数组,调用把字符串转换为数值的方法并判断是否是数值
// 3、如果是数字则创建div标签来包含,并把div添加到doby中显示
var strArr = str.split(",");
strArr.forEach((item, index) => {
var temp = parseFloat(item);
// console.log(item + ' - ' + !isNaN(temp))
if (!isNaN(temp)) {
var div = document.createElement("div");
div.innerHTML = temp;
document.body.appendChild(div);
}
});
var str = "undefined, 1, '', ' ', null, 'null', {A:a}, 4, 9, str, 你, 好, true";
// 从前往后一个数字,相反方向再一个数字,两两数字对换,一个数字只能对换一次。
/*
思路:
1、分隔为数组;
2、两层循环遍历到数组length/2 , 从首尾到中间;
3、把字符串转为数值,判断是否是数值;
4、如果是数值,则对换
*/
var strArr = str.split(",");
function changeIndex(strArr) {
var newArr = [];
strArr.forEach((item, index) => {
let temp = parseFloat(item)
if (!isNaN(temp)) {
newArr.push(temp)
} else {
newArr.push(item)
}
});
var half = Math.floor(strArr.length / 2)
for (let i = 0; i <= half; i++) {
for (let j = strArr.length; j > half; j--) {
if (!isNaN(newArr[j]) && !isNaN(newArr[i])) {
[newArr[i], newArr[j]] = [newArr[j], newArr[i]]
i++;
j--
}
}
}
return newArr.toString();
}
console.log(changeIndex(strArr))