javascript基础数据类型转换教程示例

目录
  • 数值型转换为字符串类型
  • 字符串类型转换为数值型
  • 转换为布尔型
  • 结语

数值型转换为字符串类型

方式 说明 案例
toString() 转成字符串 var num =1; alert ( num.toString());
String() 强制转换 转成字符串 var num =1; alert ( String ( num ));
加号拼接字符串 和字符串拼接的结果都是字符串 var num =1; alert ( num +"我是字符串");
  // 1.将数字型转换为字符串类型
    var num = 10;
    var str = num.toString()
    var str1 = num+''
    console.log(str);
    console.log(typeof str); //typeof  js中用类查看数据类型
    console.log(String(num));
    console.log(typeof String(num));   // string
    console.log(str1);
    console.log(typeof str1);

字符串类型转换为数值型

方式 说明 案例
parselnt(string)函数 将 string 类型转成整数数值型 parselnt (‘15’)
parseFloat(string)函数 将 string 类型转成浮点数数值型 parseFloat (‘3.14’)
Number()强制转换函数 将 string 类型转换为数值型 Number (‘12’)
js 隐式转换(- * /) 利用算术运算隐式转换为数值型 ‘12’ - 0
// 2.将字符串转换为数字型
    // parseInt()
    console.log(parseInt('15')); // 15
    console.log(typeof parseInt('15')); // number
    console.log(parseInt('3.14'));  // 3
    console.log(parseInt('3.94'));  // 3
    console.log(parseInt(3.94));  //  3 把浮点数取整数部分

// parseFloat
    console.log(parseFloat('3.14')); //3.14
    console.log(parseFloat('3'));   // 3
// number
    console.log(Number('12'));  // 12
    console.log(typeof Number('12')); // number

// 利用算数用算 - * /   隐式转换
    console.log('12' - 0);  // 12
    console.log('123'- '120'); // 3
    console.log('123'*1);  // 123
    console.log('123'/1);  // 123

转换为布尔型

方式 说明 案例
Boolean()函数 其他类型转成布尔值 Boolean ('aniu ');
  • 代表空、否定的值会被转换为 false ,如 ’ '、0、 NaN 、 null 、 undefined 。
  • 其余值都会被转换为 true 。
	console.log(Boolean(''));  // false
	console.log(Boolean(' '));  // true
    console.log(Boolean(0));  // false
    console.log(Boolean(NaN));  // false
    console.log(Boolean(null));  // false
    console.log(Boolean(undefined));  // false
    console.log(Boolean('aniu'));  // true
    console.log(Boolean(15));  // true

结语

上篇看这里:

1. JavaScript入门初体验书写方式

2.javascript数据类型基础示例教程

以上就是javascript基础数据类型转换教程示例的详细内容,更多关于javascript基础数据类型转换的资料请关注我们其它相关文章!

(0)

相关推荐

  • 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 1.内部标签 2.外部引入 基础语法 数据类型 number 字符串 布尔值 逻辑运算 比较运算符 数组 对象 流程控制 Map和Set iterator 总结 引入JavaScript 1.内部标签 <script> alert("hello world"); </script> 2.外部引入 <script src="js/abc.js"></script> 基础语法 定义变量 &l

  • 浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题

    js 深浅拷贝问题 浅拷贝一般指的是基本类型的复制 深拷贝一般指引用类型的拷贝,把引用类型的值也拷贝出来 举例 h5的sessionStorage只能存放字符串,所以要存储json时就要把json使用JSON.stringify()把json转换成string,然后再用JSON.parse()转换成json数据 缺点:JSON.parse和JSON.stringify只支持IE9+以上 解决这个问题可以使用深度比那里拷贝方法 js 中内存分配问题(堆和栈) js中基本类型类型一般是存储在栈中的.

  • Javascript基础教程之数据类型 (数值 Number)

    javascript中想限定一个数的数值,无需限定它是整数还是浮点数型 复制代码 代码如下: var num1 = 80 ;     var num2 = 55.51;     var num3 = -34;     var num4 = 9e5;     document.write(num1 + " " + num2 + " " + num3 + " " + num4); //运行结果 80 55.51 -34 900000 toExpone

  • JavaScript基础心法 数据类型

    由于自己是野生程序员,在刚开始学习程序设计的时候没有在意内存这些基础知识,导致后来在提到"什么什么是存在栈中的,栈中只是存了一个引用"这样的话时总是一脸懵逼.. 后来渐渐的了解了一些内存的知识,这部分还是非常有必要了解的. 基本数据结构 栈 栈,只允许在一段进行插入或者删除操作的线性表,是一种先进后出的数据结构. 堆 堆是基于散列算法的数据结构. 队列 队列是一种先进先出(FIFO)的数据结构. JavaScript中数据类型的存储 JavaScript中将数据类型分为基本数据类型和引

  • JavaScript基础知识之数据类型

    数据类型 JavaScript中有5种简单数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number和String.还有1种复杂数据类型--Object,Object本质上是由一组无序的名值对组成的. typeof操作符 介于JavaScript是松散类型的,因此需要有一种手段来检测给定变量的数据类型--typeof就是负责提供者方面信息的操作符.对一个值使用typeof操作符可能返回下列某个字符串: ● "undefined"--如果这个值未定义: ●

  • javascript数据类型基础示例教程

    js中的输入输出语句 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 注:prompt(info)获取的输入都是字符串类型,跟python中的input()类似. <script> prompt("请输入:"); alert('你好呀!小可爱!'); console.log('阿牛最帅啦!'); </script>

  • javascript 基础篇2 数据类型,语句,函数

    写内容之前废话一句:因为旧版有些浏览器不支持javascript脚本,遇到script结点,当做普通内容输出了,所以有时候为了让版本兼容,会在script结点里的内容写上注释符号,这样的话在旧版里虽然程序会失效,但是不会出现我们的代码,类似于这样(请忽略括号以及括号里的东西): 复制代码 代码如下: <script type="text/javascript"> <!-- (注意,这里必须换行) xxxxxx; --> (这一行也不可以写东西.) </sc

  • js中基础的数据类型详解

    目录 六种数据类 1.String 2.Number 3.Boolean 4.Null和undefined 5.强制类型转换 6.将其他的数据类型转换为Number 7.将其他的数据类型转换为Boolean 总结 六种数据类 数据类型指的是字面类型 在JS中有六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中String.Number.Boolean.Null.Undefined 属于基本数据类型

  • JavaScript基础语法与数据类型介绍

    目录 一.JavaScript语法 1.区分大小写 2.标识符 3.注释 4.变量 二.JavaScript的数据类型 1.Undefined类型 2.Null类型 3.Boolean类型 4.Number 5.String类型 6.Object类型 三.typeof操作符 一.JavaScript语法 1.区分大小写 ECMAScript中的一切,包括变量.函数名和操作符都是区分大小写的.例如:text和Text表示两种不同的变量. 2.标识符 所谓标识符,就是指变量.函数.属性的名字,或者函

  • Javascript基础教程之数据类型 (布尔型 Boolean)

    javascript同样有布尔型,可选值,true or fasle. 复制代码 代码如下: var marr = true ;     document.write(typeof(marr) + "<br>");     var marr = "ture";     document.write(typeof(marr) + "<br>"); 布尔值的 ture 或 fasle是两个完全不同的概念,将marr分别不同给

  • JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】

    本文实例讲述了JavaScript 变量,数据类型基础.分享给大家供大家参考,具体如下: 这篇笔记呢,咱记录下变量和数据类型的基础知识,因为两者有联系 所以放在一起记录 1 如何声明变量 变量声明使用var关键字,下面举一些变量声明的例子: <!DOCTYPE html> <html> <head> <title>learn javascript</title> </head> <body> </body> {

  • javascript基础之数据类型详解

    目录 1.数据类型 1.1 为什么需要数据类型 1.2 变量的数据类型 1.3 数据类型分类 2. 简单数据类型(基本数据类型) 2.1 数字型Number 1. 数字型进制 2.数字型范围 2.2 字符串型 String 1.字符串转义符 2.字符串长度 2.3 布尔型 Boolean 3.数据类型转换 3.1转换为字符串 3.2 转换为数字型 隐式转换 3.3 转换为布尔型 总结 1.数据类型 1.1 为什么需要数据类型 在计算机,不同的数据所占的存储空间是不同的,为了便于把数据分成所需内存

  • Javascript基础教程之数据类型 (字符串 String)

    一.字符串 复制代码 代码如下: var language = "javascript"; var language = 'javascript'; 字符串可以使用双引号和单引号,根据个人爱好而定. 字符串具有length属性,可以返回变量中字符串的个数. 复制代码 代码如下: var test1 = "teacher" ;     document.write(test1.length); //输出test1的字符串个数:7 反之,想获取指定位置的字符,可以使用c

随机推荐