Heim > Web-Frontend > js-Tutorial > Hauptteil

Machen Sie sich mit den JavaScript-Variablentypen und der Konvertierung zwischen Variablen vertraut

WBOY
Freigeben: 2022-08-04 09:21:14
Original
1866 Leute haben es durchsucht

本篇文章给大家带来了关于javascript的相关知识,其中主要为大家详细介绍了JavaScript变量类型以及变量之间的转换,文中示例代码介绍的非常详细,具有一定的参考价值,希望对大家有帮助。

Machen Sie sich mit den JavaScript-Variablentypen und der Konvertierung zwischen Variablen vertraut

【相关推荐:javascript视频教程web前端

1. 变量类型

<script>
        var num =10;
        console.log(typeof num);
</script>
Nach dem Login kopieren
  • typeof :声明变量类型

  • alert:弹出警示框

  • prompt:输入输出语句

1.1 变量类型的颜色

根据控制台的颜色来辨别变量类型:

  • 紫色:数值型

  • 黑色:字符型

  • 蓝色:布尔型 (true false

  • 浅灰色:undefined null

2. 字面量

字面量是在源代码中一个固定值的表示法,就是字面量表示如何表达这个值。

3.数据类型转换

3.1. 转换为字符串型

1.加号拼接字符串

console.log(num+'我是字符串')

2.toString() 转成字符串

数字的字符串表示。例如,当 radix 为 2 时,NumberObject 会被转换为二进制值表示的字符串。

语法为:

number.toString(radix)
Nach dem Login kopieren

参数 描述

radix 可选。规定表示数字的基数,是 2 ~ 36 之间的整数。若省略该参数,则使用基数 10。但是要注意,如果该参数是 10 以外的其他值,则 ECMAScript 标准允许实现返回任意值。

  • 2 - 数字以二进制值显示

  • 8 - 数字以八进制值显示

  • 16 - 数字以十六进制值显示

示例如下:

var num=10;
var str=num.toString();
console.log(str);
Nach dem Login kopieren

3.string(变量)

3.2转换为数字型(重点)

parseInt(string)函数--整数数值型

parseInt() 函数可解析一个字符串,并返回一个整数。

当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

当忽略参数 radix , JavaScript 默认数字的基数如下:

如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。

如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。

如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

语法

parseInt(string, radix)
Nach dem Login kopieren

示例如下

var age=prompt(&#39;请输入您的年龄&#39;);
        console .log(parseInt(age));
        console.log(parseInt(&#39;3.14&#39;));  //取整 3
        console.log(parseInt(&#39;3.98&#39;));  //取整 3
        console.log(parseInt(&#39;120px&#39;));  //取整 120
Nach dem Login kopieren

2.parseFloat(string)函数--浮点数数值型

parseFloat() 函数可解析一个字符串,并返回一个浮点数。

该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。

语法

parseFloat(string)
Nach dem Login kopieren

示例如下

console.log(parseFloat(&#39;3.14&#39;));
console.log(parseFloat(&#39;120px&#39;)); //120会去掉px单位
Nach dem Login kopieren

3.利用number(变量)

var str=&#39;123&#39;;
console.log(number(str);
console.log(number(&#39;123&#39;));
Nach dem Login kopieren

4.利用了算数运算- + * / 隐式转换

console.log(&#39;12&#39;-0); //12
console.log(&#39;123&#39;-&#39;120&#39;); //3
console.log(&#39;123&#39;*1); //123
Nach dem Login kopieren

3.3转换成布尔型

Boolean()函数

Boolean 对象代表两个值:"true" 或者 "false"

下面的代码定义了一个名为 myBoolean 的布尔对象:

var myBoolean=new Boolean();
Nach dem Login kopieren

如果布尔对象无初始值或者其值为:

  • 0

  • -0

  • null

  • ""

  • false

  • undefined

  • NaN

那么对象的值为 false。否则,其值为 true(即使当变量值为字符串 "false" 时)!

console.log(boolean(&#39;&#39;));//false
console.log(boolean(0));//false
console.log(boolean(NaN));//false
console.log(boolean(null));//false
console.log(boolean(undefined));//false
Nach dem Login kopieren

其余都是true。

【相关推荐:javascript视频教程web前端

Das obige ist der detaillierte Inhalt vonMachen Sie sich mit den JavaScript-Variablentypen und der Konvertierung zwischen Variablen vertraut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage