首页 > 编程语言 >JavaScript 数据类型转换全解析:转换为数值、字符串与布尔型

JavaScript 数据类型转换全解析:转换为数值、字符串与布尔型

时间:2024-10-18 09:22:04浏览次数:10  
标签:类型转换 console log JavaScript number Number typeof var 布尔

目录

非 VIP 用户可前往公众号“前端基地”进行免费阅读

转换为数值型

转换为数值型

Number()函数

parseInt()函数

parseFloat()函数

转换为字符串型

转换方法

toString()函数

String()函数

转换为布尔型

转换方法

Boolean()函数


非 VIP 用户可前往公众号“前端基地”进行免费阅读

转换为数值型


转换为数值型

        可利用运算符(-、*、/),也可使用 Number()、parseInt()、parseFloat()进行转换。

        示例代码如下:

<script>  
    // 利用“-”转换为数值型  
    var str1='20',  
        str2='10',  
        str3=2,  
        str4='30.33',  
        minus1=str1-str2,  
        minus2=str1-str3,  
        minus3=str2-str3;  
    console.log(minus1,typeof minus1);//10 number  
    console.log(minus2,typeof minus2);//18 number  
    console.log(minus3,typeof minus3);//8 number  
  
    // 利用“*”转换为数值型  
    var multiple1=str1*str2,  
        multiple2=str1*str3,  
        multiple3=str2*str3;  
    console.log(multiple1,typeof multiple1);//200 number  
    console.log(multiple2,typeof multiple2);//40 number  
    console.log(multiple3,typeof multiple3);//20 number  
  
    // 利用“/”转换为数值型  
    var divide1=str1/str2,  
        divide2=str1/str3,  
        divide3=str2/str3;  
    console.log(divide1,typeof divide1);//2 number  
    console.log(divide2,typeof divide2);//10 number  
    console.log(divide3,typeof divide3);//5 number  
  
    // 利用Number()转换为数值型  
    var num=Number(str4);  
    console.log(num,typeof num);//30.33 number  
      
    // 利用parseInt()转换为数值型  
    var psInt=parseInt(str4);  
    console.log(psInt,typeof psInt);//30 number  
      
    // 利用parseFloat()转换为数值型  
    var psFloat=parseFloat(str4);  
    console.log(psFloat,typeof psFloat);//30.33 number  
</script>  

Number()函数

‌        Number()函数用于将任何类型的数据转换为Number类型,示例代码如下:

var str4='-10';  
console.log(Number(str4),typeof Number(str4));//-10 number  
var str5='10.55';  
console.log(Number(str5),typeof Number(str5));//10.55 number  
var str6='10';  
console.log(Number(str6),typeof Number(str6));//10 number 

        如果要转换的字符串中有一个不是数值的字符,返回 NaN,示例代码如下:

var str1='365天每天都爱你10000次';  
console.log(Number(str1),typeof Number(str1));//NaN number  
var str2='10g';  
console.log(Number(str2),typeof Number(str2));//NaN number  
var str3=undefined;  
console.log(Number(str3),typeof Number(str3));//NaN number  

        如果要转换的字符是 null、false、true、&

标签:类型转换,console,log,JavaScript,number,Number,typeof,var,布尔
From: https://blog.csdn.net/chinayun_6401/article/details/143033100

相关文章

  • JavaScript初级课程 variables
    下载node。1.申明变量variables.jsletmessage="Hello!";message="World";console.log(message);nodevariables.js2.申明不会变的变量constCOLOR_GREEN="green";console.log(COLOR_GREEN)3.数据类型DataTypes=[number,BigInt,string......
  • C/C++语言基础--C++四大类型转换讲解
    本专栏目的更新C/C++的基础语法,包括C++的一些新特性前言通过前面几节课,我们学习了抽象、封装、继承、多态、异常等概念,这一篇我们将继续学习C++的类型转换,和C语言还有很大区别的;在本节课最后,也简要说了一下在计算机视角上看类型是什么样子的;C语言后面也会继续更新知识点,......
  • JavaScript从零学起 —— 数据类型(进阶篇2)
    说明:此文章用作个人学习记录,若有任何问题或建议欢迎大家在评论区讨论文章目录前言一、Boolean(布尔值)1.定义2.实现3.用法示例4.常见问题与解决方法二、Undefined(未定义)1.定义2.实现3.常见问题与解决方法三、Null(空值)1.定义2.实现3.用法示例4.常见问题与......
  • JavaScript网页设计案例
    1.引言在前端开发中,JavaScript无疑是一个非常重要的语言。它不仅可以用于表单验证、动态内容更新,还能实现复杂的交互效果和动画。通过JavaScript,网页变得更加生动和富有互动性。本文将通过一个具体的网页设计案例,详细讲解如何使用JavaScript进行网页开发,包括准备工作、基础理......
  • 实验三: JavaScript数组与函数
    实验目的熟练掌握常用JavsScript的数组、自定义函数、作用域。实验内容数组定义及元素获取;数组的遍历;数组内容的增删改查;数组的排序;数组的反转、截取、合并、元素拼接函数的声明;函数的调用;匿名函数;作用域。实验步骤:数组定义及元素获取;数组的遍历;数组内容的增删改查......
  • 在调试网页 JavaScript 脚本时,遇到 Error: Incorrect contents fetched, please reloa
    在调试网页JavaScript脚本时,遇到Error:Incorrectcontentsfetched,pleasereload这样的错误,通常表明网页内容的获取过程出现了问题。这种错误一般与页面加载、缓存管理、网络请求、脚本执行顺序等因素密切相关。为了更详细地分析问题,处理并解决这一错误,下面将从多个......
  • Javascript算法——二分查找
    1.数组1.1二分查找1.搜索索引开闭matters!!![left,right]与[left,right)/***@param{number[]}nums*@param{number}target*@return{number}*/varsearch=function(nums,target){letleft=0;letright=nums.length-1;//[left,right],相等时......
  • 前端开发 --JavaScript
    前言html种script主要包括内联script和引用外部JavaScript文件两张方式1.内联script的用法内联script指的是将JavaScript代码直接写在html文档中某个部位<!--内嵌--><script>alert(1)</script><script>windowonload=function(){vara......
  • <Leetcode:算法题及解析>最大子数组和(Javascript版)
    题目描述:给你一个整数数组nums,请你找出一个具有最大和的连续子数组(子数组最少包含一个元素),返回其最大和。子数组是数组中的一个连续部分。本题可以使用Kadane's算法实现,这是一种用于解决最大子数组和问题的高效算法。它由JosephBornKadane在1984年提出。这个算法的核......
  • 前端新手教程:HTML、CSS 和 JavaScript 全面详解及实用案例
    一、引言在当今数字化的时代,前端开发扮演着至关重要的角色,它决定了用户与网页和应用程序交互的体验。HTML、CSS和JavaScript作为前端开发的核心技术,分别负责网页的结构、样式和交互。本教程将为前端新手全面深入地介绍HTML、CSS和JavaScript的知识点,并通过实用案例帮助......