JavaScript数据类型转换

2024-08-27 15:26:14

一、转换函数

1、parseInt()

parseInt()函数可以将任何类型的值转换为整数。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       var box="34";
       alert(typeof parseInt(box)); // number
    </script>
</head>
<body>
</body>
</html>

结果：

从上面的截图中可以看出：使用了parseInt()函数以后，box变成了整数。

注意：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

       var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2));
    </script>
</head>
<body>

</body>
</html>

结果：

2、parseFloat()

parseFloat()转换函数可以将字符串转换为浮点数。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
       var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number
    </script>
</head>
<body>

</body>
</html>

结果：

注意：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
      /*  var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number */

       var box="34.435"; //parseFloat(box)=34
       var box1="987.67ererw";//parseFloat(box1)=987.67
       var box2="rr567.12";//parseFloat(box2)=NaN
       var box3="567wew.12";//parseFloat(box2)=NaN
       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));
    </script>
</head>
<body>
</body>
</html>

结果：

3、toString()

toString()转换函数返回字符串。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
      /*  var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34
       var box1="987.67ererw";//parseFloat(box1)=987.67
       var box2="rr567.12";//parseFloat(box2)=NaN
       var box3="567wew.12";//parseFloat(box2)=NaN
       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()
       var a=4;
       var b=7;
       alert(a.toString()+b.toString());// 输出47，不是11
    </script>
</head>
<body>

</body>
</html>

结果：

二、强制类型转换函数

1、Boolean()

Boolean()转换为Boolean值。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
      /*  var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34
       var box1="987.67ererw";//parseFloat(box1)=987.67
       var box2="rr567.12";//parseFloat(box2)=NaN
       var box3="567wew.12";//parseFloat(box2)=NaN
       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()
/*        var a=4;
       var b=7;
       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()
       var a=8; //Boolean(a)：true 任何非0的数字都是true
       var b=0; //Boolean(b)：false
       var c="232"; // Boolean(c)：true 任何非空的字符串都是true
       var d="";// Boolean(d)：false
       var e; // Boolean(e)：false
       var f=null; //Boolean(f)：false
       document.write("a:"+Boolean(a)+"<br />");
       document.write("b:"+Boolean(b)+"<br />");
       document.write("c:"+Boolean(c)+"<br />");
       document.write("d:"+Boolean(d)+"<br />");
       document.write("e:"+Boolean(e)+"<br />");
       document.write("f:"+Boolean(f)+"<br />");
    </script>
</head>
<body>

</body>
</html>

结果：

2、Number()

Number()转换为数字。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
      /*  var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34
       var box1="987.67ererw";//parseFloat(box1)=987.67
       var box2="rr567.12";//parseFloat(box2)=NaN
       var box3="567wew.12";//parseFloat(box2)=NaN
       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()
/*        var a=4;
       var b=7;
       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()
/*        var a=8; //Boolean(a)：true 任何非0的数字都是true
       var b=0; //Boolean(b)：false
       var c="232"; // Boolean(c)：true 任何非空的字符串都是true
       var d="";// Boolean(d)：false
       var e; // Boolean(e)：false
       var f=null; //Boolean(f)：false
       document.write("a:"+Boolean(a)+"<br />");
       document.write("b:"+Boolean(b)+"<br />");
       document.write("c:"+Boolean(c)+"<br />");
       document.write("d:"+Boolean(d)+"<br />");
       document.write("e:"+Boolean(e)+"<br />");
       document.write("f:"+Boolean(f)+"<br />"); */

       // Number()
       var a="34"; //Number(a)：34
       var b="67.34";//Number(b)：67.34
       var c="45ttt";//Number(c)：NaN
       var d="";//Number(d)：0
       var e=true;//Number(a)：1
       var f=false;//Number(a)：0
       var g;//Number(a)：NaN
       var h=null;//Number(a)：0
       document.write("a:"+Number(a)+"<br />");
       document.write("b:"+Number(b)+"<br />");
       document.write("c:"+Number(c)+"<br />");
       document.write("d:"+Number(d)+"<br />");
       document.write("e:"+Number(e)+"<br />");
       document.write("f:"+Number(f)+"<br />");
       document.write("g:"+Number(g)+"<br />");
       document.write("h:"+Number(h)+"<br />");
    </script>
</head>
<body>

</body>
</html>

结果：

3、String()

String()转换为字符串。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>转换函数</title>
    <script>
       // parseInt()
       /* var box="34";
       alert(typeof parseInt(box)); // number */

      /*  var box="34sf3435"; //parseInt(box)=34
       var box1="987.67";//parseInt(box1)=987
       var box2="rr567";//parseInt(box2)=NaN
       alert("box的值："+parseInt(box)+",box1的值:"+parseInt(box1)+",box2的值:"+parseInt(box2)); */

       // parseFloat()
      /*  var box="12.345";
       var box1=parseFloat(box);
       alert(typeof box1);//number */

      /*  var box="34.435"; //parseFloat(box)=34
       var box1="987.67ererw";//parseFloat(box1)=987.67
       var box2="rr567.12";//parseFloat(box2)=NaN
       var box3="567wew.12";//parseFloat(box2)=NaN
       alert("box的值："+parseFloat(box)+",box1的值:"+parseFloat(box1)+",box2的值:"+parseFloat(box2)+",box3的值:"+parseFloat(box3));  */

       // toString()
/*        var a=4;
       var b=7;
       alert(a.toString()+b.toString());// 输出47，不是11 */

       // Boolean()
/*        var a=8; //Boolean(a)：true 任何非0的数字都是true
       var b=0; //Boolean(b)：false
       var c="232"; // Boolean(c)：true 任何非空的字符串都是true
       var d="";// Boolean(d)：false
       var e; // Boolean(e)：false
       var f=null; //Boolean(f)：false
       document.write("a:"+Boolean(a)+"<br />");
       document.write("b:"+Boolean(b)+"<br />");
       document.write("c:"+Boolean(c)+"<br />");
       document.write("d:"+Boolean(d)+"<br />");
       document.write("e:"+Boolean(e)+"<br />");
       document.write("f:"+Boolean(f)+"<br />"); */

       // Number()
 /*       var a="34"; //Number(a)：34
       var b="67.34";//Number(b)：67.34
       var c="45ttt";//Number(c)：NaN
       var d="";//Number(d)：0
       var e=true;//Number(e)：1
       var f=false;//Number(f)：0
       var g;//Number(g)：NaN
       var h=null;//Number(h)：0
       document.write("a:"+Number(a)+"<br />");
       document.write("b:"+Number(b)+"<br />");
       document.write("c:"+Number(c)+"<br />");
       document.write("d:"+Number(d)+"<br />");
       document.write("e:"+Number(e)+"<br />");
       document.write("f:"+Number(f)+"<br />");
       document.write("g:"+Number(g)+"<br />");
       document.write("h:"+Number(h)+"<br />"); */

       // String()
       var a=34; //String(a)：34
       var b=67.34;//String(b)：67.34
       var c=true;//String(c)：true
       var d=false;//String(d)：false
       var e=null;//String(e)：null
       var f; //String(f):undefined
       document.write("a:"+String(a)+"<br />");
       document.write("b:"+String(b)+"<br />");
       document.write("c:"+String(c)+"<br />");
       document.write("d:"+String(d)+"<br />");
       document.write("e:"+String(e)+"<br />");
       document.write("f:"+String(f)+"<br />");
    </script>
</head>
<body>

</body>
</html>

结果：

到此这篇关于JavaScript数据类型转换的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。

JavaScript显式数据类型转换详解

基本概念将值从一种类型转换为另一种类型称为类型转换,类型转换总是返回基本类型值,如字符串.数字和布尔值,不会返回引用类型值. 类型转换分为"显式"和"隐式":"显式"转换发生在静态类型语言的编译阶段,而"隐式"转换则发生在动态类型语言的运行时. 显式类型转换非字符串到字符串的类型转换 toString() 方法数字.布尔值.字符串和对象都有 toString() 方法,但 null 和 undefined 没有. 例子:
浅谈JavaScript数据类型及转换

JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数. 3.String(字符串) 复制代码代码如下: var s1='hello';//字符串类型字符串:(值类型,字符串不可变特性) 4.Undefined(未定义) undefined属于值类型,与其他值计算得到的结果不是我们想要的,但与数
JavaScript数据类型转换实例(其他类型转字符串、数值型、布尔类型)

前言什么是数据类型转换? 使用表单.prompt 获取过来的数据默认类型是字符串类型的,此时就不能直接进行加减法运算,而需要转换变量的数据类型. 通俗来说,数据类型转换就是将一种数据类型转换成另外一种数据类型. 在平常代码的使用中,我们偶尔会遇到需要进行数据类型转换的时候,比如将数值型转换为字符串,或者将null/undefined转换为布尔类型等等,这篇文章我们主要讲以下三种类型的转换: 其他类型转为字符串其他类型转为数值型其他类型转为布尔类型其他类型转为字符串: 有三种方法 //第一
详解Javascript数据类型的转换规则

一.数据类型 5种基本数据类型:Null/Undefined/String/Boolean/Number 1种复杂数据类型:Object 二.数据类型检测传送门<JS中检测数据类型的几种方式及优缺点小结> 1.typeof 2.instanceof/constructor 3.Object.prototype.toString.call(value) 4.Object.prototype.toString 三.数据类型转换 JS内部提供不同数据类型的自动转换机制,在某处预期为某种类型而不是某
JavaScript 基本数据类型转换你了解嘛

目录前言转换为数字 Number(string) 方法 parseInt(string, radix) parseFloat(string) 隐式转换转换为字符串 toString() String() 隐式转换转换为布尔值 Boolean() 条件语句隐式转换总结前言数据类型转换是我们在前端开发中经常遇到的场景,一般而言,在 JavaScript 中类型转换有三种情况: 转换为数字(调用 Number(),parseInt(),parseFloat()方法) 转换为字符串(调用
javascript基本数据类型和转换

ECMAScript中有5种基本数据类型:Undefined.Null.Boolean.Number.String.还有1种复杂数据类型-Object,Object实质上是由一组无序的名值对(键值对)组成的.ECMAScript不支持任何创建自定义类型的机制. 由于ECMAScript是松散型的,所以需要一种手段来检测变量的数据类型,typeof就是具有这种功能的操作符.用typeof检测变量可能返回以下某个字符串: "undefined" 变量未定义 "boolean&qu
JavaScript数据类型转换详解（推荐）

JS数据类型在 JavaScript 语言中数据类型分为2大类:基本数据类型和复杂数据类型基本数据类型有: number string boolean null undefined symbol bigint 复杂数据类型有: 标准普通对象:object 标准特殊对象:Array.RegExp.Date.Math.Error-- 非标准特殊对象:Number.String.Boolean-- 可调用/执行对象「函数」:function 类型之间的转换类型转换可以分为两种:隐式类型转换和
JavaScript实现数据类型的相互转换

所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,本文为大家分享js实现数据类型的相互转换,具体内容如下字符串转换数字 var a = '1'; console.log(+a); console.log(a++); console.log(-a+3); console.log(parseInt(a)); console.log(parseFloat(a)); console.log(Number(a)); 数字转换字符串 var a = 1; a+
JavaScript中的数据类型转换方法小结

JavaScript 变量可以转换为新变量或其他数据类型: 通过使用 JavaScript 函数通过 JavaScript 自身自动转换将数字转换为字符串全局方法 String() 可以将数字转换为字符串. 该方法可用于任何类型的数字,字母,变量,表达式: 实例 String(x) // 将变量 x 转换为字符串并返回 String(123) // 将数字 123 转换为字符串并返回 String(100 + 23) // 将数字表达式转换为字符串并返回 Number 方法 toStrin
js 数据类型转换总结笔记

javascript有如下数据类型的转换方法: 一,转换成数字 xxx*1.0 转换成字符串 xxx+"" 二,从一个值中提取另一种类型的值,并完成转换工作. .提取字符串中的整数:parseInt(); 例:parseInt("123zhang")的结果为123 .提取字符串中的浮点数:parseFloat(); 例:parseFloat("0.55zhang")的结果为0.55 .执行用字符串表示的一段javascript代码:eval();
JavaScript的数据类型转换原则(干货)

我们都知道JavaScript是一门弱类型(或称动态类型)的语言,即变量的类型是不确定的. var num = 123 ; //123 var num = 'HAHAHA' + num ; // "HAHAHA123" 上面的代码中,变量num起初是一个数值,后来又变成一个字符串.变量类型完全由当前值决定.这种类型就叫弱类型. 我们知道,在编程语言中,数据本身和运算之间都是有类型的. 在强类型的编程语言中,不同类型的变量是不能直接进行运算的. 但是在弱类型语言中不同类型的变量却是可以直
Javascript基础教程之数据类型转换

所有语言都有类型转化的能力,javascript也不例外,它也为开发者提供了大量的类型转化访法,通过全局函数,可以实现更为复杂的数据类型. 复制代码代码如下: var a = 3; var b = a + 3; var c = "student" + a; var d = a.toString(); var e = a + ""; document.write(typeof(a) + " " + typeof (b) + " &quo
全面了解JavaScript的数据类型转换

首先,由于JavaScript是弱类型语言(弱类型的语言的东西没有明显的类型,他能随着环境的不同,自动变换类型而强类型则没这样的规定,不同类型间的操作有严格定义,只有相同类型的变量才能操作,虽然系统也有一定的默认转换,当绝没有弱类型那么随便,也就是说变量在声明时不需要指定数据类型,变量由赋值操作确定数据类型),所以在JavaScript的类型转换中就存在了强类型语言所没有的隐式转换. 1.1 JavaScript中的隐式转换(自动类型转换) 简单定义: 不同数据类型的数据在做运算的时候可以进行默
JavaScript中数据类型转换总结

在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = "123"; a = Number(a); 注意: a) 如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己. b) 如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN. c) 如果要转换的内容是空的字符串,那以转换的结果是0. d) 如果是其它的字符,那么将来在转换的时候结果是NaN. 2)