Javascript 强制类型转换函数

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日

相关文章

  • JavaScript事件循环同步任务与异步任务

    JavaScript事件循环是JavaScript运行时的一种机制,它用来管理异步任务的执行以及控制同步任务的执行。JavaScript事件循环的每一个执行周期被称作一个“事件循环周期”(Event Loop Cycle)。在每一个事件循环周期中,都有若干个同步任务和异步任务待执行。 在开始详细讲解JavaScript事件循环之前,首先需要明确同步任务和异步…

    JavaScript 2023年5月28日
    00
  • JavaScript replace new RegExp使用介绍

    JavaScript replace new RegExp使用介绍 在JavaScript编程中,我们常常需要使用字符串替换功能。字符串替换的一种实现方式就是使用替换函数 replace()。replace() 函数的第一个参数一般是一个模式匹配正则表达式,用来匹配所有需要替换的字符串,第二个参数是一个替换值,用于将找到的匹配替换成新的字符串。在一些情况下,…

    JavaScript 2023年6月10日
    00
  • JS小数运算出现多为小数问题的解决方法

    当进行JS小数运算时,经常会遇到精度丢失的问题,导致结果不准确,这是因为JS中采用IEEE754标准来表示数字,用64位二进制数来表示一个浮点数。由于数字太大或太小,无法用64位来完全表示,因此会出现精度丢失。 那么如何避免这个问题呢?下面介绍几个解决方法。 1. 使用第三方库decimal.js decimal.js是一个第三方库,用于处理JS中的小数计算…

    JavaScript 2023年6月11日
    00
  • 浅析JS中对函数function的理解(基础篇)

    浅析JS中对函数function的理解(基础篇) 在JavaScript中,函数是一种可以重复使用的代码块。函数通过指定参数来操作数据,并且返回具有可读性和结构性的结果。下面我们将详细讨论JS中函数的相关概念以及其使用方法。 定义函数 在JS中,我们可以通过如下方式来定义一个函数: function functionName(参数列表) { // 函数体 r…

    JavaScript 2023年5月27日
    00
  • 微信小程序开发之改变data中数组或对象的某一属性值

    下面是详细讲解微信小程序开发中改变 data 中数组或对象的某一属性值的完整攻略。 前置知识 在深入讲解如何改变 data 中数组或对象的某一属性值之前,我们需要先了解微信小程序中 data 的用法。在微信小程序中,通过给 Page() 函数传入一个对象,该对象中的 data 属性就是页面的初始数据。 定义 data 对象后,开发者可以通过 this.dat…

    JavaScript 2023年6月10日
    00
  • extjs4图表绘制之折线图实现方法分析

    关于“extjs4图表绘制之折线图实现方法分析”的完整攻略,我将给你详细讲解。 1. 前言 折线图是常用的一种图表类型,它可以帮助我们展示数据的变化趋势和规律。而在extjs4中,我们也可以轻松地利用其中的图表组件来绘制折线图。下面是具体实现步骤。 2. 准备工作 在开始绘制折线图之前,我们需要做一些准备工作。 首先,我们需要导入extjs4中的chart.…

    JavaScript 2023年6月10日
    00
  • javascript下利用数组缓存正则表达式的实现方法

    JavaScript下利用数组缓存正则表达式的实现方法 在JavaScript中,如果要重复使用同一正则表达式,每次都需要重新编译表达式,这会影响程序的性能。为了提高程序的性能,可以将正则表达式缓存到数组中,在需要时直接从数组中获取已编译的表达式对象,避免重复编译。 具体实现方法如下: 定义一个数组来存储正则表达式对象: javascript var reg…

    JavaScript 2023年6月10日
    00
  • 轻轻松松学JS调试(不下载任何工具)

    下面我来详细讲解“轻轻松松学JS调试(不下载任何工具)”的完整攻略。 调试JS代码的原理 在开始学习调试JS代码之前,先了解一下调试的原理。当JS代码出现错误时,浏览器会在控制台输出错误信息,我们可以通过错误信息来判断代码出错的位置和原因。因此,掌握控制台的使用是非常重要的。 使用console输出信息 console是调试中非常重要的一个工具,常用于输出变…

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