转换php script类型,javascript如何实现值的类型转换
本篇文章给大家介绍使用javascript进行值的类型转换的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
JavaScript是松散类型的语言,大多数情况下,运算符和函数会自动将值转换为正确的类型(隐式转换);但也有一些情况需要显式的进行类型转换。【相关视频教程推荐:JavaScript教程】
隐式转换
JavaScript中有各种运算符和函数,它们自动将值转换为正确的类型,如JavaScript中的alert()函数接受任何值并将其转换为字符串。但是各种运算符会产生类似'+'运算符的问题。
例:输入: “2”+“3”
输出: “23”
在这种情况下,这里的“+”运算符代表字符串连接。
但是,输入“3” - “1”就会通过使用“隐式转换”就会给出输出结果:2。
下面我们来看看隐式转换的简单代码示例:
代码1:此代码显示JavaScript中的隐式类型转换。
document.write('("3" - "1") = ' + ("3" - "1") + "
");
document.write('("3" - 1) = ' + ("3" - 1) + "
");
document.write('("3" * "2") = ' + ("3" * "2") + "
");
document.write('("3" % "2") = ' + ("3" % "2") + "
");
document.write('("3" + null) = ' + ("3" + null) + "
");
运行后,输出:
显式转换
虽然JavaScript提供了多种方法可以将数据从一种类型转换为另一种类型,但有两种最常见的数据转换方式:
1、将值转换为字符串
2、将值转换为数字
3、将值转换为布尔类型
下面我们就来看看javascript是如何实现这两种最常见的数据转换方式的。
将值转换为字符串:
使用String()或toString()函数将值转换为字符串。
String()函数
语法:String(value);
例:
先使用 typeof value查看值的类型。
在使用String)函数进行转换,在查看值的类型let value = true;
alert(typeof value); // 显示值为:boolean类型
value = String(value); // 现在,值“true”是一个字符串类型
alert(typeof value); // 显示值为:string类型
运行:
toString()函数
语法:variableName.toString(base)
例:输入:
var v = 1555;
var s = v.toString();
输出:
现在s包含的值是字符串类型:“1555”。
代码2:
下面的代码将数字转换为字符串,布尔值转换为字符串,日期转换为字符串。
// 分别定义编号:v和日期:d
var v = 123;
var d = new Date('1995-12-17T03:24:00');
// 数转换为字符串
document.write(" String(v) = " + String(v) + "
");
// 数转换为字符串
document.write(" String(v + 11) = " + String(v + 11) + "
");
document.write(" String( 10 + 10) = " + String(10 + 10) + "
");
// 布尔值转换为字符串
document.write(" String(false) = " + String(false) + "
");
// 日期转换为字符串
document.write(" String(d) = " + String(d) + "
");
输出:
将值转换为数字:
我们可以使用JavaScript中的Number()函数将值转换为数字。它可以将任何数字文本和布尔值转换为数字。如果是非数字字符串,它会将其转换为NaN(非数字)。
语法:Number(valueToConvert)
示例:
代码1:下面的代码将数字文本,日期和布尔值转换为数字。
// 分别定义编号:v和日期:d
var v = "144";
var d = new Date('1995-12-17T03:24:00');
// 字符串转换为数字
document.write(" Number(v) = " + Number(v) + "
");
//布尔值转换为数
document.write(" Number(false) = " + Number(false) + "
");
document.write(" Number(true) = " + Number(true) + "
");
// 日期转换为数字
document.write(" Number(d) = " + Number(d) + "
");
运行输出:
代码2:如果字符串是非数字,则将其转换为NaN,空格字符串或空字符串将转换为0。
// 指定空字符串
var v = "";
// 分配空白空间
var d = " ";
// 分配非数字串
var s = "GeeksforGeeks";
// 输出 数的转换值
document.write(" Number(v) = " + Number(v) + "
");
document.write(" Number(d) = " + Number(d) + "
");
document.write(" Number(s) = " + Number(s) + "
");
运行,输出:
将值转换为布尔类型
布尔转换是最简单的。
它发生在逻辑运算中,但也可以通过调用手动执行Boolean(value)。
转换规则:
1、直观“空”的值,例如0,空字符串null,undefined并且NaN变为false。
2、其他的值变为true。
语法:Boolean(value)
示例:// 数字转换为布尔值
document.write("Boolean(0) = " + Boolean(0) + "
");
document.write("Boolean(1) = " +Boolean(1) + "
");
document.write("Boolean(2) = " + Boolean(2) + "
");
// 字符串转换为布尔值
document.write(" Boolean('hello') = " + Boolean('hello') + "
");
document.write(" Boolean('') = " + Boolean('') + "
");
输出:
总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。
转换php script类型,javascript如何实现值的类型转换相关推荐
- 转换php script类型,ECMAScript 类型转换
ECMAScript 类型转换 所有程序设计语言最重要的特征之一是具有进行类型转换的能力. ECMAScript 给开发者提供了大量简单的类型转换方法. 大部分类型具有进行简单转换的方法,还有几个全局 ...
- 公历转换农历的算法(JavaScript)
<!-- 中国农历开始 --> <SCRIPT language=JavaScript> <!-- var lunarInfo=new Array( 0x04bd ...
- c语言强制转换字符类型,C语言中的数据类型转换问题
C语言中的数据类型转换问题 ● 字符型变量的值实质上是一个8位的整数值,因此取值范围一般是-128-127,char型变量也可以加修饰符unsigned,则unsigned char 型变量的取值范围 ...
- html强制类型转换,前端-JS强制类型转换之转换成数字类型
在上一篇博客<前端-数据类型>中我们说到JavaScript的数据类型.那么下面我们介绍一下JavaScript数据类型强制转换成数字类型. 代码示例 下面的代码中,主要实现将一个全部是数 ...
- c语言中怎么转换类型数据类型,C语言中数据类型转换
C语言的类型转换,可以分为两种:自动类型转换(隐式类型转换,有编译器帮你去完成)和强制类型转换(你知道自己想要什么,所以才转换). 对于自动类型转换,最常见的就是混合运算以及赋值运算,还有一种就是函数 ...
- string转换成date类型_你竟然知道SpringMVC是如何完成类型转换和数据绑定的吗?...
# 前言 SpringMVC是目前主流的Web MVC框架之一. public String method(Integer num, Date birth) { ...} Http请求传递的数据都是字 ...
- BOOST使用 proto 转换进行任意类型操作的简单示例
BOOST使用 proto 转换进行任意类型操作的简单示例 实现功能 C++实现代码 实现功能 BOOST使用 proto 转换进行任意类型操作的简单示例 C++实现代码 #include <i ...
- python文件写入字典格式输出_Python把对应格式的csv文件转换成字典类型存储脚本的方法...
该脚本是为了结合之前的编写的脚本,来实现数据的比对模块,实现数据的自动化!由于数据格式是定死的,该代码只做参考,有什么问题可以私信我! CSV的数据格式截图如下: readDataToDic.py源代 ...
- Firebug Tutorial (Section 3): Script Tab :Javascript Debugging
2019独角兽企业重金招聘Python工程师标准>>> Firebug Tutorial – Script Tab : Javascript Debugging September ...
最新文章
- CV算法复现(分类算法6/6):MobileNet(2017年V1,2018年V2,2019年V3,谷歌)
- Oracle Dg 重建,DG Failover之后原主库恢复成standby重建加入DG
- python若干整数的最大值_实例讲解Python中整数的最大值输出
- HDU6376 度度熊剪纸条
- 使用nltk.pos出现IndexError: string index out of range
- php flash 图片上传,Flash教程:flash+php实现图片上传
- 【tool】将虚拟机从 VMware workstation 转到 vsphere
- 自动化专业学python如何_如何系统有效学习 Python 自动化测试?
- Android 应用开发----ViewPager---PagerTitleStrip添加标题栏
- python 去掉转义字符_python前期准备
- gitlab git 安装
- Atitit php读取数据库记录集合并循环修改展示//------------------------ini db sys$dbstr = “mysql:host=“ . $mysql_con
- JSOI2007 文本生成器
- ubuntu 开发java_Ubuntu下搭建java开发环境
- 多天线技术(MIMO)基础
- 用JavaScript写的贪吃蛇游戏(很简单,很详细)
- (译)2019年前端性能优化清单 — 中篇
- 高斯消元法(C++实现)
- 携程2018 秋招编程题 - java
- SQL必知必会挑战题答案
热门文章
- 【转】Castle Windsor之组件注册
- ASP.NET Web API 应用教程(一) ——数据流使用
- (转) C#如何使用异步编程
- GotFocus和PreviewLeftButtonDown事件
- hpunix下11gRac的安装
- 基于javascript的asp数据库操作类,含分页、字符串截取、用户登陆验证[原创]
- Mac中安装Node和版本控制工具nvm遇到的坑
- vue node --- 前后端联系的知识梳理
- node --- koa、Mongoose、vue联系知识梳理
- springCloud Finchley 实战入门(基于springBoot 2.0.3)【三 Eureka-高可用服务注册中心】...