美文网首页
常见js类型转换

常见js类型转换

作者: hunter97 | 来源:发表于2018-09-17 14:13 被阅读0次

在编写js脚本的时候,经常会遇到要对数据进行类型转换的地方。js实现数据转换的方式主要是三种:转换函数、强制类型转换、利用js变量弱类型转换。

一、字符串转数字

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。
一些示例如下:

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

parseInt("AF", 16); //returns 175
parseInt("10", 2); //returns 2
parseInt("10", 8); //returns 8
parseInt("10", 10); //returns 10
//如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。例如:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8
parseInt("010", 10); //returns 10

parseFloat()方法与parseInt()方法的处理方式相似。
使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,parseFloat()没有基模式。

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

强制类型转换Number(value)——把给定的值转换成数字(可以是整数或浮点数),与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100
二、 字符串、数组互转
  1. 字符串=>数组
    split() 方法用于把一个字符串分割成字符串数组。
var str="How,are,you,doing,today";
var n=str.split(",");//n=['How','are','you','doing','today']
  1. 数组=>字符串
    toString() 方法可把数组转换为字符串,并返回结果。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString();//'Banana,Orange,Apple,Mango'

不怕千万人阻挡,只怕自己投降。

相关文章

  • 常见js类型转换

    在编写js脚本的时候,经常会遇到要对数据进行类型转换的地方。js实现数据转换的方式主要是三种:转换函数、强制类型转...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 04ES5--常用语法

    数据类型的转换 类型转换在开发中是非常常见的一种操作,特别是对于js这种动态类型预言,变量没有类型限制,编译时是无...

  • JavaScript类型转换

    在js中数据类型转换一般分为两种,即强制类型转换和隐式类型转换(利用js弱变量类型转换)。 强制类型转换 即通过使...

  • 前端开发入门到实战:JavaScript字符串转换数字

    js 字符串转换数字方法主要有三种: 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供...

  • 前端开发入门到实战:JavaScript字符串转换数字

    js 字符串转换数字方法主要有三种: 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供...

  • js中的类型转换

    在js中数据转换分为3种:隐式类型转换,强制类型转换,函数转换 1.隐式类型转换 (1):运算符转换 js中的值在...

  • js对象比较

    在js 判断相等常见的就是 == (等同)和===(恒等);==, 两边值类型不同的时候,要先进行类型转换,再比较...

  • JS类型转换

    方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了parseInt()...

网友评论

      本文标题:常见js类型转换

      本文链接:https://www.haomeiwen.com/subject/roqknftx.html