温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript类型转换应用实例分析

发布时间:2022-05-17 11:43:10 来源:亿速云 阅读:121 作者:zzz 栏目:大数据

这篇文章主要介绍“JavaScript类型转换应用实例分析”,在日常操作中,相信很多人在JavaScript类型转换应用实例分析问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript类型转换应用实例分析”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

一、运算符的类型

typeof运算符可以帮助你找到你的变量的类型。typeof运算符返回一个变量或表达式的类型。

例:

<!DOCTYPE html> <html> <title>项目</title>  <body style="background-color: aqua;">  <h2> JavaScript typeof运算符</h2>  <p> typeof运算符返回变量或表达式的类型:</p>  <script> document.write( typeof "" + "<br>" + typeof "Json" + "<br>" + typeof "42" + "<br>" + typeof 42 + "<br>" + typeof true + "<br>" + typeof false + "<br>" + typeof undefined + "<br>" + typeof null + "<br>" + typeof { name: "Json", age: 22 } + "<br>" + typeof [2, 4, 6, 8] + "<br>" + typeof function myFunc() {} ); </script>  <p> <b>注意:</b> <b> typeof </b>     运算符为数组返回"object",因为在JavaScript数组中是对象。</p>  </body> </html>

JavaScript类型转换应用实例分析

可以使用typeof运算符查找JavaScript变量的数据类型。

二、类型转换

1. 将值转换为字符串

通过调用String()函数 或  x.toString()方法将值显式转换为字符串。通过该String()函数,将值true传递给参数,从而将布尔值转换为字符串。

String(true);// 返回 "true"

数字传递给函数。

String(108);// 返回 "108"

使用typeof运算符检查类型。

typeof String(true); // 返回 "string" typeof String(108);  // 返回 "string"

x.toString()以类似的方式使用方法。可以将x替换为变量。

<script> let temp = 108; document.querySelector("#output").innerHTML = temp.toString(); </script>

或者,可以将值放在括号内,而不是使用x.toString()进行变量设置。

(9048).toString();// 返回 "9048" (false).toString();   // 返回 "false" (50 + 20).toString(); // 返回 "70"

JavaScript类型转换应用实例分析

通过使用String()或,x.toString()可以将Boolean或number数据类型的值显式转换为字符串值,以确保的代码按预期运行。

2. 将值转换为布尔值

将数字或字符串转换为布尔值,使用该Boolean()函数。任何被解释为空的值(例如数字0,空字符串或未定义或NaN或null的值)都将转换为false。

<script> document.write(  Boolean(0) + "<br>" +  Boolean("") + "<br>" +  Boolean(undefined) + "<br>" +  Boolean(NaN) + "<br>" +  Boolean(null) ); </script>

JavaScript类型转换应用实例分析

其他值将转换为true,包括由空格组成的字符串文字。

<script> document.write(  Boolean(50) + "<br>" +  Boolean(-50) + "<br>" +  Boolean(3.14) + "<br>" +  Boolean("false") + "<br>" +  Boolean("Hello World") ); </script>

JavaScript类型转换应用实例分析

注意:

“ 0”作为字符串文字将转换为true,因为它是一个非空的字符串值。

Boolean("0");   // 返回 true

JavaScript类型转换应用实例分析

将数字和字符串转换为布尔值可以使能够评估二进制内的数据,并且可以利用它来指定程序中的指定流。

3. 将数组转换为字符串

该toString()方法将数组转换为(逗号分隔)数组值的字符串。

var months = ["Jan", "Feb", "Mar", "Apr", "May"]; document.getElementById("result").innerHTML = months.toString();

JavaScript类型转换应用实例分析

该join()方法还将数组的所有元素转换为新的字符串。

此方法的行为类似于toString(),还可以指定分隔符。

<script> var fruits = ["Banana", "Apple", "Mango"]; var result = document.getElementById("result");  result.innerHTML = fruits.join("") + "<br>"; result.innerHTML += fruits.join(" ") + "<br>"; result.innerHTML += fruits.join(" + ") + "<br>"; result.innerHTML += fruits.join(" / ") + "<br>"; result.innerHTML += fruits.join(" &copy; "); </script>

JavaScript类型转换应用实例分析

4. 将字符串转换为数组

该split()方法将字符串拆分为子字符串数组,然后返回新数组,使用该split()方法通过以表示的空格字符分隔数组 " "。

var str = 'Helow World is an Amfhyeaadehe.'; var arr = str.split(" ");

JavaScript类型转换应用实例分析

arr变量中有了一个新数组,可以使用索引号访问每个元素。

arr[0];   // Air arr[2];   // is

使用“ i”作为分隔符。

<script> function myFunc() {    var str = 'Air Pollution is introduction of chemicals to the atmosphere.';    var arr = str.split("i");    document.getElementById('x').innerHTML = arr; } </scrip

JavaScript类型转换应用实例分析

如果将空字符串("")用作分隔符,则该字符串将转换为字符数组。

<script> function myFunc() {    var str = 'Air Pollution is introduction of chemicals to the atmosphere.';    var arr = str.split("");    document.getElementById('x').innerHTML = arr; } </script>

JavaScript类型转换应用实例分析

到此,关于“JavaScript类型转换应用实例分析”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI