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查看html源文件

    想要在网页中查看HTML源文件,可以使用JavaScript来实现。具体的实现方法如下: 使用document.documentElement.outerHTML属性,将整个HTML源代码保存在该属性中,并将其打印到控制台上。 console.log(document.documentElement.outerHTML); 使用该方法能够查看整个HTML文档…

    JavaScript 2023年5月27日
    00
  • 提交表单时执行func方法实现代码

    当用户提交表单时,我们可以使用JavaScript中的addEventListener方法或者onsubmit属性来绑定一个回调函数来实现代码逻辑。以下是实现步骤: 1. 编写HTML表单 首先需要编写一个HTML表单: <form id="myForm"> <input type="text" na…

    JavaScript 2023年6月10日
    00
  • 详解vite+ts快速搭建vue3项目以及介绍相关特性

    详解vite+ts快速搭建vue3项目以及介绍相关特性 概述 在本篇教程中,我们将详细讲解使用vite和typescript快速搭建Vue3项目的步骤,并介绍Vue3的相关特性。 准备工作 在开始之前,需要确保你已经安装了node.js和npm包管理器。如果你没安装,可以前往官网下载安装程序。 创建项目 步骤如下:1. 打开终端,进入你想要创建项目的目录。2…

    JavaScript 2023年6月11日
    00
  • egg.js的基本使用实例

    下面我为大家讲解一下 Egg.js 的基本使用实例: 简介 Egg.js 是一个基于 Node.js 和 Koa.js 的企业级应用开发框架,它提供了一套易于上手的约定和最佳实践,并基于这些约定和最佳实践提供了适用于企业级应用的各种插件和扩展,同时还支持基于插件的扩展机制,让用户可以根据自己的需要对框架进行个性化定制。 安装 安装 Egg.js 的前提条件是…

    JavaScript 2023年6月11日
    00
  • JavaScript+html5 canvas制作的百花齐放效果完整实例

    下面我将为您详细讲解“JavaScript+html5 canvas制作的百花齐放效果完整实例”的完整攻略。 需求分析 首先我们需要明确需求,对于“JavaScript+html5 canvas制作的百花齐放效果完整实例”,我们需要实现什么样的效果呢? 具体而言,我们需要实现以下特点: 在canvas上绘制出多个不同颜色、不同形状的花朵 花朵应该随机飘落、旋…

    JavaScript 2023年6月10日
    00
  • 详解JavaScript数组reduce()方法的高级技巧

    标题:详解JavaScript数组reduce()方法的高级技巧 什么是reduce()方法 reduce()方法是javascript数组中的一个高级迭代方法,用于将数组中的元素通过一个函数归纳为单个值。reduce()方法适用于对数组的每个元素进行降维处理,并返回一个值,在实际开发中非常有用。 reduce()方法的基本语法 arr.reduce(cal…

    JavaScript 2023年6月10日
    00
  • javascript this指向相关问题及改变方法

    JavaScript中的this指向问题一直是令新手程序员困扰的问题。在JavaScript中,this通常指向当前函数所属的对象,但是在不同的上下文中,this的值有可能会发生变化。下面让我们逐步了解JavaScript中this指向的相关问题及如何改变this的指向。 1. JavaScript中this的指向 this在JavaScript中的指向有以…

    JavaScript 2023年6月11日
    00
  • 简单的邮箱登陆的提示效果类似于yahoo邮箱

    下面我将详细讲解如何实现简单的邮箱登录提示效果,类似于Yahoo邮箱。 1. 需求分析 首先,我们需要明确需求。在这里,我们需要实现一个提示效果,用于引导用户在邮箱登录页面输入正确的账号和密码。 该提示效果应该包含以下内容: 提示信息:为了引导用户尽快输入正确的账号和密码,我们需要在页面上显示相应的提示信息,比如:“请输入正确的邮箱账号”、“密码错误,请重新…

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