toString与toLocaleString在不同数据类型下输出的差异

luckyw

Object对象存在两个转化为字符串的方法,一个是常用的toString,另一个则是toLocaleString。接下来通过示例来展示各种不同数据类型下的输出差异
注:基本数据类型在调用toStringtoLocaleString时,会首先将基本数据类型实例化为对应的对象类型。比如var x = 'abc';,示例中x并不是对象类型,但是在调用时,会首先通过new String()将文本实例化为String包装类型

对象


效果相同,调用的是原始的Object.toString()方法

字符串


效果相同,因其本身就是字符串

数字


toString将数字转换为字符串,toLocaleString在转换为字符串的同时,使用三位分节法进行显示

需要注意的是number数字类型下这两个方法都是可传入参数的,如下图所示:

toString中传入的参数表示需要转换的进制,而toLocaleString具体参数可查考:MDN

浮点数


toString将浮点数转换为字符串,toLocaleString在转换为字符串的同时,只保留了小数点后三位数,并进行了四舍五入

函数


效果相同,将函数直接转化为字符串

数组


效果相同,将数组转化为以,分隔的字符串,与join(',')相同

布尔值


效果相同,都是将布尔值转化为字符串

日期


toString转换为以国际化日期显示格式的字符串,toLocaleString转换为以本地日期显示格式的字符串

阅读 2k

luckyw
博客文章
677 声望
0 粉丝
0 条评论
推荐阅读
本地存储——Cookie与Web Storage
html5标准中的Web Storage包括了两种存储方式:sessionStorage和localStoragesessionStorage用于本地存储一个会话中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessio...

luckyw阅读 2.1k评论 1

还在用定时器吗?借助 CSS 来监听事件
平时工作中很多场合都要用到定时器,比如延迟加载、定时查询等等,但定时器的控制有时候会有些许麻烦,比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法,一起了解一下吧,相信...

XboxYan29阅读 2k评论 2

封面图
如何优雅地中断 Promise?来试试 AbortController 吧!
欢迎大家来到 前端小课堂 的第五期,今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...

dreamapplehappy23阅读 2.9k评论 4

封面图
前端性能优化(图文并茂,通俗易懂)
默认情况下,我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'

寒水寺一禅26阅读 2.8k评论 1

超强的苹果官网滚动文字特效实现
每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年 iPhone 14 Pro 的介绍页不例外。最近,刚好有朋友问到,其对官网的一段文字特效特别感兴趣,看适用简单却...

chokcoco24阅读 1.6k

封面图
50天用vue3完成了50个web项目,我学到了什么?
通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...

夕水21阅读 2k

封面图
一个被忽略的前端细分领域
大家好,我卡颂。回想下你学新技术的主要途径是什么?看书?看技术文档?看博文?看视频?归纳起来,无外乎文字、视频两种形式。从纸媒时代到互联网时代,再到移动互联网时代,虽然信息的载体发生变化,但信息的...

卡颂18阅读 1.4k

封面图
677 声望
33 粉丝
宣传栏