广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript基本数据类型转换你了解嘛
  • 361
分享到

JavaScript基本数据类型转换你了解嘛

2024-04-02 19:04:59 361人浏览 泡泡鱼
摘要

目录前言转换为数字Number(string)方法parseInt(string,radix)parseFloat(string)隐式转换转换为字符串toString()String

前言

数据类型转换是我们在前端开发中经常遇到的场景,一般而言,在 javascript 中类型转换有三种情况:

  • 转换为数字(调用 Number(),parseInt(),parseFloat()方法)
  • 转换为字符串(调用.toString()或 String()方法)
  • 转换为布尔值(调用 Boolean()方法)

需要注意的是:null、undefined 没有.toString() 方法

转换为数字

Number(string) 方法

Number() 可以把任意值转换成数字,如果要转换的目标对象(一般是字符串)中有不是数字的值,则会返回 NaN

Number('1')   // 1
Number(true)  // 1
Number('123s') // NaN
Number({})  //NaN

parseInt(string, radix)

解析一个字符串并返回指定基数的十进制整数,radix 是 2-36 之间的整数,表示被解析字符串的基数。

parseInt('2') //2
parseInt('2',10) // 2
parseInt('2',2)  // NaN
parseInt('a123')  // NaN  如果第一个字符不是数字或者符号就返回NaN
parseInt('123a')  // 123

parseFloat(string)

解析一个参数并返回一个浮点数。

parseFloat('123a')	//123
parseFloat('123a.01')	//123
parseFloat('123.01')	//123.01
parseFloat('123.01.1')	//123.01

隐式转换

let str = '123'-str// -123str+1 // '1231'+str+1 // 124let res = str - 1 //122let str = '123'
-str	// -123
str+1 // '1231'
+str+1 // 124
let res = str - 1 //122

转换为字符串

toString()

将目标对象转换为字符串。

注意:null,undefined 不能调用。

Number(123).toString()	//'123'
[].toString()	//''
true.toString()	//'true'

String()

String() 的作用比较强大,它可以将任何传入的值都转为字符串。

String(123)	//'123'
String(true)	//'true'
String([])	//''
String(null)	//'null'
String(undefined)	//'undefined'
String({})	//'[object Object]'

隐式转换

当 + 两边有一个是字符串,另一个是其它类型时,会先把其它类型转换为字符串再进行字符串拼接,返回字符串:

let a = 1
a + ''	// '1'

转换为布尔值

Boolean()

Boolean() 方法会将以下值转换为 false:

  • 0
  • “”
  • null
  • undefined
  • NaN

其余的所有值都会被转换为 true。

Boolean('') //false
Boolean(0) //false
Boolean(1) //true
Boolean(null) //false
Boolean(undefined) //false
Boolean(NaN) //false
Boolean({}) //true
Boolean([]) //true

条件语句

在条件语句中,我们一般不会主动进行布尔转换。

let a
if(a) {
  //...   //这里a为undefined,会转为false,所以该条件语句内部不会执行
}

隐式转换

let str = '111'
console.log(!!str) // true

总结

以上就是 JavaScript 基本数据类型转换相关的知识总结,其中最需要注意的是隐式转换。

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: JavaScript基本数据类型转换你了解嘛

本文链接: https://www.lsjlt.com/news/163446.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript基本数据类型转换你了解嘛
    目录前言转换为数字Number(string)方法parseInt(string,radix)parseFloat(string)隐式转换转换为字符串toString()String...
    99+
    2022-11-13
  • Java数据类型分类与基本数据类型转换
    目录1.数据类型的分类2.基本数据类型转换(1)自动类型转换(2)强制类型转换 1.数据类型的分类 Java的数据类型主要分为两类:基本数据类型、引用数据类型 Java中...
    99+
    2022-11-13
  • C++的类型转换(强转)你了解吗
    目录静态类型转换动态类型转换常量转换重新解释转换总结静态类型转换 关键字: static_cast 1,允许内置数据类型之间的转换 char a = 'a'; d...
    99+
    2022-11-13
  • JavaScript数据类型转换
    目录一、转换函数1、parseInt()2、parseFloat()3、toString()二、强制类型转换函数1、Boolean()2、Number()3、String()一、转换...
    99+
    2022-11-13
  • JavaScript数据类型的转换详解
    目录数据类型的转换概述强制转换Number()String()Boolean()自动转换自动转换为布尔值自动转换为字符串自动转换为数值数据类型的转换 概述 JavaScript是一种...
    99+
    2022-12-22
    JavaScript数据类型转换 JavaScript数据类型 JS 数据类型转换
  • javascript mysql数据类型转换
    在前端开发中,经常需要对前端和后端的数据类型进行转换。其中,JavaScript 和 MySQL 是我们常用的两种语言,这篇文章就来讲一下 JavaScript 和 MySQL 数据类型之间的转换。一、JavaScript 数据类型Java...
    99+
    2023-05-17
  • javascript基础数据类型转换教程示例
    目录数值型转换为字符串类型字符串类型转换为数值型转换为布尔型结语数值型转换为字符串类型 方式说明案例toString()转成字符串var num =1; alert ( num.to...
    99+
    2022-11-13
  • Java基本数据类型之间的相互转换详解
    目录1.自动类型转换1.定义2.数据类型按精度大小排序3.使用细节2.强制类型转换1.定义2.使用细节3.基本数据类型与String类型的转换1.基本数据类型转String类型2.S...
    99+
    2022-11-13
  • JavaScript数据类型转换详解(推荐)
    JS数据类型 在 JavaScript 语言中数据类型分为2大类:基本数据类型和复杂数据类型 基本数据类型有: number string boolean...
    99+
    2022-11-12
  • 一文带你了解Java中基本数据类型的包装类
    这篇文章将为大家详细讲解有关一文带你了解Java中基本数据类型的包装类,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Java是面向对象的编程语言,包装类的出现更好的体现这一思想。 其次,包装...
    99+
    2023-05-31
    java 基本数据类型 包装类
  • JavaScript的数据类型你了解多少
    JavaScript的数据类型你了解多少,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。 前言作为JavaScript...
    99+
    2022-10-19
  • Java中怎么实现基本数据类型转换
    这期内容当中小编将会给大家带来有关Java中怎么实现基本数据类型转换,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。自动类型转换自动类型转换是指:数字表示范围小的数据类型可以自动转换成范围大的数据类型。如:...
    99+
    2023-06-17
  • Go语言中基本数据类型的相互转换详解
    目录基本数据类型的相互转换基本语法小知识基本数据类型和string的转换方法一方法二string和基本数据类型转换基本数据类型的相互转换 Go在不同类型的变量之间赋值时需要显示转换,...
    99+
    2022-11-11
  • javascript基础数据类型转换的示例分析
    这篇文章给大家分享的是有关javascript基础数据类型转换的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。数值型转换为字符串类型方式说明案例toString()转成字符串var num =1; ale...
    99+
    2023-06-29
  • 在javascript中数据类型转换
    JavaScript中数据类型转换是一个重要的主题,因为在开发过程中,难免需要将一种类型的数据转换为另一种类型的数据。在JavaScript中,有三种类型的数据转换:强制类型转换、自动类型转换和显式类型转换。在本文中,我们将讨论这三种类型的...
    99+
    2023-05-17
  • COleVariant与常用基本数据类型之间的转换
    COleVariant类是MFC中用来处理变体数据类型的类。它可以表示多种不同的数据类型,包括基本数据类型。下面是一些常见的COle...
    99+
    2023-09-12
    COleVariant
  • Java基本数据类型之间怎么相互转换
    本文小编为大家详细介绍“Java基本数据类型之间怎么相互转换”,内容详细,步骤清晰,细节处理妥当,希望这篇“Java基本数据类型之间怎么相互转换”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1.自动类型转换1.定...
    99+
    2023-06-30
  • Go基本数据类型与string类型互转
    目录一、基本数据类型转string类型方法一:fmt.Sprintf("%参数", 表达式)方法二:使用strconv包的函数二、string类型转基本数据类型一...
    99+
    2023-03-19
    Go基本数据类型与string类型 go类型转换
  • JavaScript变量类型以及变量之间的转换你了解吗
    目录1. 变量类型1.1 变量类型的颜色2. 字面量3.数据类型转换3.1. 转换为字符串型1.加号拼接字符串2.toString() 转成字符串3.string(变量)3.2转换为...
    99+
    2022-11-13
  • JavaScript的引用数据类型你了解多少
    目录三种传递1、Object1、创建对象语法2、普通对象在内存中的存储方式2、Array1、创建数组语法2、数组的在内存中的存储方式3、数组常用方法1、 concat:用于拼接为新数...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作