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

这篇具有很好参考价值的文章主要介绍了web前端框架JS学习之JavaScript类型转换。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

一、运算符的类型

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

例:

项目

JavaScript typeof运算符

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

注意: typeof

运算符为数组返回"object",因为在JavaScript数组中是对象。</p>
![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类型转换
通过使用String()或,x.toString()可以将Boolean或number数据类型的值显式转换为字符串值,以确保的代码按预期运行。

  1. 将值转换为布尔值

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

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

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

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

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

  1. 将数组转换为字符串

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

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

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

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

web前端框架JS学习之JavaScript类型转换
4. 将字符串转换为数组

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

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

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

arr[0]; // Air

arr[2]; // is

使用“ i”作为分隔符。

web前端框架JS学习之JavaScript类型转换
三、总结

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

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

上文内容不用于商业目的,如涉及知识产权问题,请权利人联系小编,我们将立即处理文章来源地址https://www.toymoban.com/news/detail-494854.html

到了这里,关于web前端框架JS学习之JavaScript类型转换的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • web前端【3】JS基础-轮播图【JavaScript、定时器、鼠标动作、自动轮播、增加和减少li列表】

    一、实验题目: 轮播图 二、实验内容简介 1.整体布局:图片、左右按钮、数字列表、添加删除按钮 2、左右箭头滚动 3、小圆点滚动 4、自动轮播 5、鼠标动作:指向和离开 6、添加与删除 三、实验过程 1. 需求分析 整体布局:设计一个轮播图,中间部分为自动轮播的图片展示

    2024年02月04日
    浏览(40)
  • c++学习之特殊类设计与类型转换

    方法:c++98,通过私有且只申明不实现拷贝构造与赋值函数,从而实现该类不能被拷贝。c++11引入delete后,可以使构造构造与赋值函数等于delete。效果也是无法被拷贝。 方法一,析构私有化 方法二,构造私有化 方法一: 还是构造私有化,但是注意拷贝构造,我们拷贝

    2024年01月20日
    浏览(29)
  • JavaScript 类型判断及类型转换规则

    ✍创作者:全栈弄潮儿 🏡 个人主页: 全栈弄潮儿的个人主页 🏙️ 个人社区,欢迎你的加入:全栈弄潮儿的个人社区 📙 专栏地址,欢迎订阅:前端架构师之路 JavaScript 具有七种内置数据类型,它们分别是: null undefined boolean number string object symbol 其中,前面五种为基本类

    2024年01月19日
    浏览(31)
  • JavaScript 数据类型转换

    目录 JavaScript 数据类型转换 一、类型转换简介 1、字符串型转换为数值型 2、数值型转换为字符串型   所谓的类型转换,就是将一种数据类型转换为另外一种数据类型,例如上一节课说到的,如果一个数字与一个字符串相加,JavaScript会自动将数字转换为字符串,然后再与另外

    2024年02月05日
    浏览(33)
  • JavaScript数据类型的转换

    一、字符串类型的转换 1、自动转换 2、强制转换 String(),object.toString() object 意思为对象,一切皆为对象,所以查询date是否被强制转为字符串类型的时候,object.toString()中的object换为date 二、转为Number类型 1、自动转换 2、强制转换   Number() 按照自动转换规则转换   p

    2024年02月08日
    浏览(33)
  • javascript基础三:谈谈 JavaScript 中的类型转换机制

    一、概述 JS中有六种简单数据类型:undefined、null、boolean、string、number、symbol,以及引用类型:object 但是我们在声明的时候只有一种数据类型,只有到运行期间才会确定当前类型 上面代码中,name的值在编译阶段是无法获取的,只有等到程序运行时才能知道 虽然变量的数据类

    2024年02月05日
    浏览(31)
  • JavaScript数据类型检测与数据类型转换详细解析与代码实例

    JavaScript是一种弱类型语言,因此在开发过程中,经常需要进行数据类型检测和数据类型转换。本文将详细介绍JavaScript中的数据类型检测和转换,并提供相关的代码实例。 一、数据类型检测 在JavaScript中,常用的数据类型有:数字、字符串、布尔值、null、undefined、对象和数组

    2024年02月05日
    浏览(37)
  • 【前端知识】JavaScript——Symbol类型

    什么是Symbol(符号)类型? ​ Symbol是原始值,且Symbol实例是唯一、不可变的。Symbol的用途是确保对象属性使用唯一标识符,不会发生属性冲突的危险。Symbol创建唯一记号,进而用作非字符串形式的对象属性。 如何使用Symbol? 全局符号注册表 使用符号作为属性 常用内置符号

    2024年02月16日
    浏览(31)
  • 【JavaScript】JS——Map数据类型

    存储键值对的对象。 能够记住键的原始插入顺序 任何值(对象或原始值)都可以作为键或值。 Map中的一个键 只能出现一次 ,新的值会覆盖旧的值。 迭代方式:for…of循环,返回一个 [key,value] 的数组。 键的相等:基于零值相等比较 Map与Object的比较 Map默认不包含任何键。

    2024年02月04日
    浏览(38)
  • 10分钟的时间,带你彻底搞懂JavaScript数据类型转换

    前言  📫 大家好,我是南木元元,热衷分享有趣实用的文章,希望大家多多支持,一起进步!  🍅  个人主页: 南木元元 目录 JS数据类型 3种转换类型 ToBoolean ToString ToNumber 对象转原始类型 隐式类型转换 结语 JS数据类型 首先我们需要知道,js中数据类型分为两大类: 基本

    2024年02月05日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包