Javascript 强制类型转换函数

yizhihongxing

Javascript 有两种类型转换:隐式类型转换和强制类型转换。强制类型转换是通过一些函数来实现,下面我将详细讲解 Javascript 中常用的强制类型转换函数及其使用方法。

字符串转为数字

Javascript 中,使用 Number() 函数可以将一个字符串转为数字。如果字符串中包含非数字字符,则会返回 NaN。

示例 1:

let str1 = "123.45";
let num1 = Number(str1);
console.log(num1);  // 输出 123.45

let str2 = "hello";
let num2 = Number(str2);
console.log(num2); // 输出 NaN

数字转为字符串

Javascript 中,使用 toString() 函数可以将一个数字转为字符串。

示例 2:

let num1 = 123.45;
let str1 = num1.toString();
console.log(str1); // 输出 "123.45"

let num2 = 123;
let str2 = num2.toString();
console.log(str2); // 输出 "123"

布尔值转为数字

Javascript 中,使用 Number() 函数可以将一个布尔值转为数字。当布尔值为 true 时,转换结果为 1;当布尔值为 false 时,转换结果为 0。

示例 3:

let bool1 = true;
let num1 = Number(bool1);
console.log(num1); // 输出 1

let bool2 = false;
let num2 = Number(bool2);
console.log(num2); // 输出 0

数字转为布尔值

Javascript 中,使用 Boolean() 函数可以将一个数字转为布尔值。当数字为 0 时,转换结果为 false;当数字不为 0 时,转换结果为 true

示例 4:

let num1 = 123;
let bool1 = Boolean(num1);
console.log(bool1); // 输出 true

let num2 = 0;
let bool2 = Boolean(num2);
console.log(bool2); // 输出 false

对象转为原始类型

Javascript 中,使用 valueOf()toString() 方法可以将一个对象转为其原始类型。

示例 5:

let obj1 = {
  value: 123,
  toString() {
    return this.value.toString();
  }
};
let str1 = obj1.toString();
console.log(str1); // 输出 "123"

let obj2 = {
  value: true,
  valueOf() {
    return Number(this.value);
  }
};
let num1 = obj2.valueOf();
console.log(num1); // 输出 1

以上是 Javascript 中常用的强制类型转换函数及其使用方法的详细介绍,希望能够帮到你。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Javascript 强制类型转换函数 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JS实现匀速与减速缓慢运动的动画效果封装示例

    下面我将详细讲解如何实现 JS 实现匀速与减速缓慢运动的动画效果封装。 1. 匀速缓动动画 步骤如下: 获取元素的起始位置和目标位置 计算元素移动的距离和移动的总时间 每个时间间隔移动元素的距离 将元素移动到目标位置 示例代码: /** * @param {HTMLElement} el * @param {number} target * @param {…

    JavaScript 2023年6月10日
    00
  • js实现无刷新监听URL的变化示例代码详解

    首先,我们需要明确什么是URL的变化。以单页面应用(SPA)为例,当用户在页面内部进行操作时,可能会通过JavaScript动态更新URL的参数或片段,实现页面内容的变化。但是,这种变化不会像页面刷新那样引起整个页面的重新加载。 如果我们想要对URL的变化进行监听,有两种方法可以选择。 方法一:使用window.onhashchange事件 在HTML5规范…

    JavaScript 2023年6月11日
    00
  • JavaScript Try…Catch 声明的 使用方法

    JavaScript中的 Try…Catch 声明可以帮助我们编写更健壮的代码,避免出现未处理的错误。 Try…Catch 声明的语法 Try…Catch 声明由两个部分组成:try块和catch块。try块用于包含可能会抛出错误的代码,而catch块则用于处理错误。 Try…Catch 声明的语法如下: try { // 可能会抛出错误的代…

    JavaScript 2023年5月28日
    00
  • 基于element-ui 动态换肤的代码详解

    基于element-ui动态换肤的代码详解,其实主要是通过更改CSS样式来实现主题颜色的更换。 首先,我们需要借助element-ui提供的主题生成工具element-theme来生成我们需要的主题样式文件。 生成主题样式文件的具体步骤如下: 全局安装element-theme: npm install element-theme -g 在项目目录下新建th…

    JavaScript 2023年6月10日
    00
  • AJAX Servlet实现数据异步交互的方法

    下面是关于“AJAX Servlet实现数据异步交互的方法”的一些完整攻略。 什么是AJAX? AJAX全称是Asynchronous JavaScript and XML(异步JavaScript和XML)。它是一种用于创建快速动态网页的技术,可以实现无需刷新页面即可更新部分页面内容的效果。AJAX可以使网页拥有更好的用户交互体验,提高网站的性能。 AJA…

    JavaScript 2023年6月11日
    00
  • js 浏览本地文件夹系统示例代码

    下面是详细讲解 “JS 浏览本地文件夹系统示例代码” 的攻略: 1. 背景 在前端开发中,有时需要让用户选择本地文件并进行相关处理。这时就需要使用 JS 实现浏览本地文件夹的功能,以便实现文件的上传或处理等操作。 在实现这个功能时,我们需要借助 HTML5 File API。File API 通过 input 表单元素中的 file 类型来提供用户文件选择操…

    JavaScript 2023年5月27日
    00
  • JavaScript中document对象使用详解

    当我们通过JavaScript来控制网页的时候,我们不可避免地要使用到document对象。document对象是DOM层次结构中的根节点,表示整个HTML文档。在这里我将为大家提供JavaScript中document对象的使用详解。 获取元素 通过ID获取元素 var element = document.getElementById("my-…

    JavaScript 2023年5月27日
    00
  • js闭包的9个使用场景

    下面是详细讲解“js闭包的9个使用场景”的完整攻略。 什么是JavaScript闭包? JavaScript闭包是一个函数和定义该函数的环境的组合。闭包让你可以在一个内部函数中访问到其外部函数的作用域。具体来说,就是内部函数能够“记住”并访问外部函数的变量,即使外部函数已经返回了。 9个JavaScript闭包的使用场景 1. 模块化开发 闭包可以帮助我们实…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部