web前端框架JS学习之JavaScript类型转换

vascript有多种数据类型,如字符串、数字、布尔等,可以通过typeof语句来查看变量的数据类型。数据类型转换就是数据类型之间相互转换,比如把数字转成字符串、把布尔值转成字符串、把字符串转成数字等,这在工作也是经常碰到的。

本期我们就给大家说说web前端框架JS学习之JavaScript类型转换这个问题

类型转换是一种将一种数据类型转换为另一种数据类型的方法。

一、运算符的类型

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

例:

项目

JavaScript typeof运算符

typeof运算符返回变量或表达式的类型:

注意: typeof

运算符为数组返回"object",因为在JavaScript数组中是对象。

![IMG_256](https://img-blog.csdnimg.cn/9ea104cd08ab433fa38978eb167a626f.png) 可以使用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替换为变量。

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

(9048).toString();// 返回 “9048”

(false).toString(); // 返回 “false”

(50 + 20).toString(); // 返回 “70”
web前端框架JS学习之JavaScript类型转换_第1张图片
通过使用String()或,x.toString()可以将Boolean或number数据类型的值显式转换为字符串值,以确保的代码按预期运行。

  1. 将值转换为布尔值

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

web前端框架JS学习之JavaScript类型转换_第2张图片
其他值将转换为true,包括由空格组成的字符串文字。

web前端框架JS学习之JavaScript类型转换_第3张图片
注意:

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

Boolean(“0”); // 返回 true
web前端框架JS学习之JavaScript类型转换_第4张图片
将数字和字符串转换为布尔值可以使能够评估二进制内的数据,并且可以利用它来指定程序中的指定流。

  1. 将数组转换为字符串

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

var months = [“Jan”, “Feb”, “Mar”, “Apr”, “May”];

document.getElementById(“result”).innerHTML = months.toString();
web前端框架JS学习之JavaScript类型转换_第5张图片
该join()方法还将数组的所有元素转换为新的字符串。

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

web前端框架JS学习之JavaScript类型转换_第6张图片
4. 将字符串转换为数组

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

var str = ‘Helow World is an Amfhyeaadehe.’;

var arr = str.split(" ");
web前端框架JS学习之JavaScript类型转换_第7张图片
arr变量中有了一个新数组,可以使用索引号访问每个元素。

arr[0]; // Air

arr[2]; // is

使用“ i”作为分隔符。

web前端框架JS学习之JavaScript类型转换_第8张图片
三、总结

本文基于JavaScript 基础。介绍了JavaScript 类型转换,对于每一种类型转换,对于每一种转换需要注意的点,在实际项目遇到的难点,提供了有效的解决方案。

文章来源:网络 版权归原作者所有

上文内容不用于商业目的,如涉及知识产权问题,请权利人联系小编,我们将立即处理

你可能感兴趣的:(IT,Java,程序员,前端,javascript,前端框架)