JavaScript中数据类型转换

╰+攻爆jí腚メ 2022-06-16 12:58 301阅读 0赞

# JavaScript是弱类型语言 #

1.声明变量时，不用规定变量的存储数据类型

2.赋值时，动态决定变量的数据类型,同一变量前后可以保存不同的数据类型

3.运算时，JavaScript会根据需要，动态地转换数据类型

# 隐式转换 #

无需程序员干预，JavaScript自动完成的类型转换

1.算术计算中，一切数据类型都隐式转换为number类型，在计算

2.+运算中，只要有一方是字符串类型，两个数据都转换为字符串类型，加运算变为字符串的拼接

例如:

var n1=2,n2=3;
    var s1="2",s2="3";
    var b1=true,b2=false;
    document.write(n1+n2);//5
    document.write(n1+s2);//"23"
    document.write(b1+s2);//"true3"
    document.write(s1-b1);//1
    document.write(s2-n1);//1

表达式：由数据和运算符组成的一个公式，每个表达式默认都是从左向右，两两计算，每个表达式有且仅有一个运算结果

document.write(n2+s2+b1);//"33true"
    document.write(n2+b1+s2);//"4"+"3"   "43"

document.write(s1+b1-n2);//NaN

NaN:Not a Number-->说明运算中包含了无法转为数字的值

不是数字的 数字

typeof（x）:专门用来判断x的数据类型，返回数据类型名

typeof(NaN):number

注意：隐式转换仅影响表达式的运算结果，不影响变量中存储的实际值。

# 显式转换 #

程序员通过主动调用专门的函数，执行转换

## 1.任意类型转string类型：（2种） ##

var str=x.tostring();

var str=String（x）;//隐式转换

javascript中，一切对象都有tostring方法

何时使用：程序在需要的时候，自动调用

## \*\*2.任意类型转为number类型：（2种） ##

### 任意类型转number:    ###

var n=Number(x);//隐式转换：纯数字才可以转

### \*\*将字符串转为number：(2种) ###

#### parseInt()    ####

var n=parseInt(str);

原理：从str开始位置逐个读取每个字符，知道碰到第一个不是数字的字符时，停止读取，自动忽略开头碰到的空格

比如：var width="12px";

width+"2px"--->"12px2px";

Number(width)+Number("2px")-->NaN

parseInt(width)+parseInt("2px")-->parseInt("12px")+parseInt("2px")--->14

//          如何将12px+2px,在保存回width变量中,width中的值必须带单位
                width="12px";
                width=parseInt(width)+7+"px";
                document.write(width);

注意：var money="$400";  NaN

var m="34.56";     34   paeseInt 不认小数点

#### parseIfloat() ####

var n=parsseFloat(str);

原理和parseInt完全一样，但是parseFloat,认第一个小数点；

例如 ：parseFloat（“34.56”）；34.56

parseFloat（“34.56。78”）；34.56

### number（）与parseInt（str）区别： ###

Number（“12px”）--->NaN

parseInt("12px")--->12

string to number ---->parseInt

Number(true)--->1

parseInt(true)--->parseInt(string(true))--->NaN

x  to number---->Number(）

## 3.任意类型转Boolean：（1种） ##

var bool=Boolean(x);--->隐式转换

" " NaN undefined null 0---->false

这五个值会隐式转为Boolean类型false,其余都是true

## 4.number,string,boolean转化图 ##

![Center][]

课外随笔：

输入框：var input=window.prompt("please input a text:");

\*\*\* 凡是从页面上获得的一切数据都是字符串类型。

[Center]: /images/20220616/f71e66a4c5334c0e998221caa73c87d4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，301人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript 数据类型转换

数据类型转换转为`boolean` 假值（[js布尔值为false的6种情况][js_false_6]） <table>

左手的ㄟ右手/ 2022年12月18日 04:55/ 0 赞/ 161 阅读

相关 javascript数据类型转换

原文：[http://www.css88.com/archives/5199][http_www.css88.com_archives_5199] JavaScript是一种

男娘i/ 2022年08月06日 14:08/ 0 赞/ 240 阅读

相关 JavaScript中数据类型转换

JavaScript是弱类型语言 1.声明变量时，不用规定变量的存储数据类型 2.赋值时，动态决定变量的数据类型,同一变量前后可以保存不同的数据类型 3.运算时

╰+攻爆jí腚メ/ 2022年06月16日 12:58/ 0 赞/ 302 阅读

相关 JavaScript中的数据类型转换

数据类型转换数值类型的转换 l isNaN()函数 JS 提供了 isNaN()函数，用来判断这个值到底是不是 NaN。isNaN()函数在接收到一个值

怼烎@/ 2022年06月15日 08:51/ 0 赞/ 240 阅读

相关 JavaScript-数据类型转换实例

JavaScript\-数据类型转换实例用到的知识点： string-number：parseInt()、parseFloat()。 NaN:Not a Numb

左手的ㄟ右手/ 2022年06月11日 05:37/ 0 赞/ 235 阅读

相关 javascript 数据类型转换规则

> 原创文章，转载请标记出处：[https://blog.csdn.net/yihanzhi/article/details/80339690][https_blog.csdn

逃离我推掉我的手/ 2022年05月23日 23:40/ 0 赞/ 229 阅读

相关 javaScript的数据类型转换

数据类型 JavaScript中的数据类型分为两大类: 1.基本的数据类型3种:数字类型;字符串类型;布尔类型. 2.特殊的数据类型3种:未定义类型;空类型对象类

待我称王封你为后i/ 2022年02月21日 16:47/ 0 赞/ 333 阅读

相关 JavaScript 中的数据类型相互转换

JavaScript 变量可以转换为新变量或其他数据类型： 1：通过使用 JavaScript 函数 2：通过 JavaScript 自身自动转换将数字转换为字符

r囧r小猫/ 2021年09月14日 10:06/ 0 赞/ 436 阅读

相关 Javascript数据类型强制转换

一、转换为数值类型 1、Number(参数) 把任何的类型转换为数值类型 A.如果是布尔值，false为0，true为1 B.如果是数字，转换

待我称王封你为后i/ 2021年09月01日 03:06/ 0 赞/ 498 阅读

相关 JavaScript 数据类型转换

JavaScript 数据类型转换数据类型转换在转换方式分为两种：（1）.显式数据类型转换，指定由某种类型转换到另一种类型。（2）.隐式数据类型转换，代码根据上下文...

红太狼/ 2020年05月27日 14:19/ 0 赞/ 938 阅读