JS基础(一):String、Number、Boolean数据类型转换

2024-03-31 20:48

本文主要是介绍JS基础(一):String、Number、Boolean数据类型转换,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前言

ECMAScript 标准定义了 7 种数据类型: Number,String,Boolean,Null,Undefined,Object,Symbol(ES6新增) 。其中,Number,String,Boolean,Null,Undefined,Symbol为原始数据类型,Object为对象数据类型。

普通的JavaScript对象是“命名值”的无序集合,JavaScript同样定义了一种特殊对象——数组(array),表示带编号的值的有序集合

JavaScript还定义了另一种特殊对象——函数。函数是具有与它相关联的可执行代码的对象,通过调用函数来运行可执行代码,并返回运算结果。

一、转换为字符串类型

1、 toString() :此方法不可转换 null 以及 undefined,否则报错!

var a = 5;
console.log(a.toString());	//"5"
var b = null;
console.log(b.toString());	//Uncaught TypeError: Cannot read property 'toString' of null
var c = undefined;
console.log(c.toString());	//Uncaught TypeError: Cannot read property 'toString' of undefined

2、String() :可以把任意值转换成字符串。

var a = null;
console.log(String(a));	//"null"
var b = undefined;
console.log(String(b));	//"undefined"

3、隐式转换:[num+“”]

var a = 5;
var b = a + "";
console.log(b);	//"5"
二、转换为数值类型

1、Number():可以把任意值转换成数值,如果要转换的字符串中有一个不是数值的字符,则返回NaN。

var a = "5";
console.log(Number(a));			// 5
var b = "51cd";
console.log(Number(b));			// NaN
// 常见值转换
console.log(Number(""));		// 0
console.log(Number(true));      // 1
console.log(Number(false));     // 0
console.log(Number(undefined)); // NaN
console.log(Number(null));      // 0

2、parseInt():解析一个字符串参数,并返回一个指定进制的整数 。语法:parseInt(string, radix)

// 返回8进制数
console.log(parseInt("17", 8));   	// 15
// 返回10进制数
console.log(parseInt("015", 10)); 	// 15
// 返回16进制数
console.log(parseInt(" F", 16));  	// 15
// 如果第一个字符是数字会解析直到遇到非数字结束
var a = "10.5cd";
console.log(parseInt(a));         	// 10
//如果第一个字符不是数字或者不是符号就返回NaN
var b = "ef10.5";
console.log(parseInt(b));         	// NaN
var c = "-10.5cd";
console.log(parseInt(c));			// -10

3、parseFloat():解析一个字符串参数并返回一个浮点数,如果给定值不能被转换成数值,则会返回 NaN。

  • 如果 parseFloat 在解析过程中遇到了正号(+)、负号(- U+002D HYPHEN-MINUS)、数字(0-9)、小数点(.)、或者科学记数法中的指数(e 或 E)以外的字符,则它会忽略该字符以及之后的所有字符,返回当前已经解析到的浮点数。
  • 第二个小数点的出现也会使解析停止(在这之前的字符都会被解析)。
console.log(parseFloat('314e-2'));     // 3.14
console.log(parseFloat('0.0314E+2'));  // 3.14
console.log(parseFloat(' 3.14some ')); // 3.14
console.log(parseFloat('3.14.56'));    // 3.14
console.log(parseFloat('some3.14'));   // NaN

4、隐式转换:[string-0]或者[+string]

console.log('123'-0); // 123
console.log(+'456');  // 456 

5、注意: NaN与任何数值进行算数计算得到的结果都是NaN

console.log(typeof NaN)	   // 'number'
console.log(NaN === NaN);  // false
console.log(NaN !== NaN);  // true

由于NaNNaN不相等的特性,所以在判断是否是NaN时,不能直接比较,需要将其转换为字符串 'NaN' 进行比较。

// 判断一个未知字符是否被转换为了可运算number类型
const result= Number("qwerdf");
let start = 0;
if(String(result) === 'NaN'){throw new Error("不是一个可运算number类型");
} else {return start += result;
}
三、转换为Boolean类型

1、Boolean():可以将任意类型的值转为布尔值。

console.log(Boolean(1));         // true
console.log(Boolean(0));         // false
console.log(Boolean('1'));       // true
console.log(Boolean('0'));       // true
console.log(Boolean());          // false
console.log(Boolean(''));        // false
console.log(Boolean(null));      // false
console.log(Boolean(undefined)); // false

2、!! :可以将任意类型的值转为布尔值。(此方法不适用于空格)

console.log(!!1);         // true
console.log(!!0);         // false
console.log(!!'1');       // true
console.log(!!'0');       // true
console.log(!!'');        // false
console.log(!!null);      // false
console.log(!!undefined); // false

发现一个有意思的事情:! 代表取反,!! 代表转换为Boolean类型,那 !!! 或者更多的 ! 代表什么呢?
奇数的!代表取反,偶数的!代表转为Boolean类型;或者!>2都是在取反;或者可以说其实一个!是取反,两个!!是取反的取反,然后叠加的!也是一直在取反。

console.log(!1);     // false
console.log(!!1);    // true
console.log(!!!1);   // false
console.log(!!!!1);  // true
参考资料

1、MDN JavaScript 标准内置对象
2、JS 几种数据类型及其转换
3、JavaScript权威指南(第6版)

这篇关于JS基础(一):String、Number、Boolean数据类型转换的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/865305

相关文章

SQL中如何添加数据(常见方法及示例)

《SQL中如何添加数据(常见方法及示例)》SQL全称为StructuredQueryLanguage,是一种用于管理关系数据库的标准编程语言,下面给大家介绍SQL中如何添加数据,感兴趣的朋友一起看看吧... 目录在mysql中,有多种方法可以添加数据。以下是一些常见的方法及其示例。1. 使用INSERT I

Python使用vllm处理多模态数据的预处理技巧

《Python使用vllm处理多模态数据的预处理技巧》本文深入探讨了在Python环境下使用vLLM处理多模态数据的预处理技巧,我们将从基础概念出发,详细讲解文本、图像、音频等多模态数据的预处理方法,... 目录1. 背景介绍1.1 目的和范围1.2 预期读者1.3 文档结构概述1.4 术语表1.4.1 核

MySQL 删除数据详解(最新整理)

《MySQL删除数据详解(最新整理)》:本文主要介绍MySQL删除数据的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录一、前言二、mysql 中的三种删除方式1.DELETE语句✅ 基本语法: 示例:2.TRUNCATE语句✅ 基本语

MyBatisPlus如何优化千万级数据的CRUD

《MyBatisPlus如何优化千万级数据的CRUD》最近负责的一个项目,数据库表量级破千万,每次执行CRUD都像走钢丝,稍有不慎就引起数据库报警,本文就结合这个项目的实战经验,聊聊MyBatisPl... 目录背景一、MyBATis Plus 简介二、千万级数据的挑战三、优化 CRUD 的关键策略1. 查

python实现对数据公钥加密与私钥解密

《python实现对数据公钥加密与私钥解密》这篇文章主要为大家详细介绍了如何使用python实现对数据公钥加密与私钥解密,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录公钥私钥的生成使用公钥加密使用私钥解密公钥私钥的生成这一部分,使用python生成公钥与私钥,然后保存在两个文

mysql中的数据目录用法及说明

《mysql中的数据目录用法及说明》:本文主要介绍mysql中的数据目录用法及说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、背景2、版本3、数据目录4、总结1、背景安装mysql之后,在安装目录下会有一个data目录,我们创建的数据库、创建的表、插入的

MySQL 中 ROW_NUMBER() 函数最佳实践

《MySQL中ROW_NUMBER()函数最佳实践》MySQL中ROW_NUMBER()函数,作为窗口函数为每行分配唯一连续序号,区别于RANK()和DENSE_RANK(),特别适合分页、去重... 目录mysql 中 ROW_NUMBER() 函数详解一、基础语法二、核心特点三、典型应用场景1. 数据分

Navicat数据表的数据添加,删除及使用sql完成数据的添加过程

《Navicat数据表的数据添加,删除及使用sql完成数据的添加过程》:本文主要介绍Navicat数据表的数据添加,删除及使用sql完成数据的添加过程,具有很好的参考价值,希望对大家有所帮助,如有... 目录Navicat数据表数据添加,删除及使用sql完成数据添加选中操作的表则出现如下界面,查看左下角从左

SpringBoot中4种数据水平分片策略

《SpringBoot中4种数据水平分片策略》数据水平分片作为一种水平扩展策略,通过将数据分散到多个物理节点上,有效解决了存储容量和性能瓶颈问题,下面小编就来和大家分享4种数据分片策略吧... 目录一、前言二、哈希分片2.1 原理2.2 SpringBoot实现2.3 优缺点分析2.4 适用场景三、范围分片

Redis分片集群、数据读写规则问题小结

《Redis分片集群、数据读写规则问题小结》本文介绍了Redis分片集群的原理,通过数据分片和哈希槽机制解决单机内存限制与写瓶颈问题,实现分布式存储和高并发处理,但存在通信开销大、维护复杂及对事务支持... 目录一、分片集群解android决的问题二、分片集群图解 分片集群特征如何解决的上述问题?(与哨兵模