JavaScript里的数据类型的转换

最新推荐文章于 2024-08-03 17:49:23 发布
最新推荐文章于 2024-08-03 17:49:23 发布
阅读量145 收藏
点赞数
分类专栏： 笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tony_yang6/article/details/106833990
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            /* background: #0000ff; */
        }

    </style>
</head>
<body>
    <script>
        // 转换的目标 : 数字 ; 
        // API : 需要调用的一个有功能的单词;
        // ---- parseInt

        // parseInt(); parse : 解析  Int : 整数;
        // API 使用 : ( 参数 => 其他的数据类型 )
        // var str = "hello world";
        // parseInt( str ); // 运算结果就是转换好的数据;
        // var num = parseInt( str );
        // NaN => 错误转换(运算)之后的数字类型; 表示非数字; * 数据类型为数字;
        // console.log(num);

        // parseInt的正确使用姿势;
        // var str = "123456"; // 认定为是字符串;
        // console.log(typeof str);
        // 转换成纯数字类型;
        // var num = parseInt(str);
        // console.log(typeof num);

        // parseInt : 1. 从左到右依次检索每一个字符,当一个非数字出现的时候,会省略掉这个字符后面的所有内容，截取前部内容转换成数字
        //            2. 如果第一个字符不是数字，那么运算结果为 NaN;
        // var str = "123.456456abcdefg";
        // var num = parseInt(str);
        // console.log(num)

        // ---- parseFloat
        // parseFloat() => parse 解析 Float 小数
        // parseFloat : 1. 从左到右依次检索每一个字符,当一个不和数字规则的字符出现的时候,会省略掉这个字符后面的所有内容，截取前部内容转换成数字
        //              2. 如果第一个字符不是数字，那么运算结果为 NaN;
        // var str = "123.456abcd";
        // var num1 = parseInt(str);
        // var num2 = parseFloat(str);
        // console.log(num1);
        // console.log(num2);

        // parseInt普遍不适用于其他类型的转换;
        // var bool = true;
        // var num  = parseInt(bool);
        // console.log(num); // NaN; 

        // var undef;
        // var num  = parseInt(undef);
        // console.log(num); // NaN;
        
        // var nul = null;
        // var num = parseInt(nul);

        // console.log(num);

        // parseInt  可不可以用处理数字 ?  可以 ! 取整;

        // * parseInt 高级用法 : 进制转换;

        // 2  0 1
        // 8  0 1 2 3 4 5 6 7 10
        // 10 0 1 2 3 4 5 6 7 8 9 10
        // 16 0 1 2 3 4 5 6 7 8 9 A B C D E F 10

        // 颜色 :  两种写法 : FFFFFF , rgb(255)
        // FF => 255
        // var num = parseInt( "ff" , 16 );
        // var num = parseInt( "不同进制的数据" , 当前数据的进制 );
        // console.log(num)
        
        // 总结 : 
        // 1. parseInt, parseFloat 更适合字符串转换成数字, 其它类型转换都为NaN;
        // 2. parseInt, parseFloat 的使用规则;
        // 3. parseInt 可以用来做数字的取整;
        // 4. * 进制转换



    </script>
</body>
</html>

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 转换的目标 : 数字 ; 
        // 其它类型转换成数字;
        // var str = "123abc";
        // Number(); 任何类型转换成数字的通用方法;
        // Number转换非常严格 => 区分 parseInt 和 parseFloat;
        // Number 检索方式是整条字符串检索;
        // var num = Number(str);
        // console.log(num);

        // var bool = true; // 1;
        // var bool = false;   // 0;
        // var num  = Number(bool);
        // console.log(num);

        // var undef ; 
        // var num = Number(undef); 
        // console.log(num); // NaN;

        // var nul = null;
        // var num = Number(nul);
        // console.log(num)
        
        // ---- Math.round(); 四舍五入
        var str = "1.534";
        var num = Math.round(str);
        console.log(num);

        // Math.round 虽然可以进行数据类型转换，但是 这个方法更多的是用在数字的取整上;


        // parseInt;
        // parseFloat;
        // Number
        // Math.round; 

        // ctrl + alt + a 截图;
        
    </script>
</body>
</html>

 

 

 

数据类型转换 字符串

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 其他类型转换成字符串!
        // toString();
        // String();

        // toString();

        // 数字转换成字符串
        // var num = 123456;
        // // 使用方式不一样 ! 数据.toString();
        // var str = num.toString();
        // console.log(str);
        
        // 布尔值转换成字符串;
        // var bool = true;
        // var str  = bool.toString();
        // console.log(str);

        // undefined 转换成字符串; toString 不能用!;
        // var undef;
        // var str = undef.toString();
        // console.log(str);

        // Uncaught TypeError: Cannot read property 'toString' of undefined
        // TypeError : 类型错误;
        // Cannot read property 'toString' of undefined : 在undefined 无法读取*属性* toString 

        // null 转换成字符串; toString 不能用 !;
        // var nul = null;
        // var str = nul.toString();
        // console.log(str);

        // String();

        // 数字类型转换没有问题。
        // var num = 0;
        // var str = String(num);
        // console.log(str);

        // 布尔类型转换;
        // var bool = true;
        // var str = String(bool);
        // console.log(str);

        // undefined 类型转换;
        // var undef;
        // var str = String(undef);
        // console.log(str);

        // null 类型转换;
        // var nul = null;
        // var str = String(nul);
        // console.log(str);

        // 野路子转换字符串!; 简单;

        // 任意类型 + 运算 一个空字符串;
        // var str = "" + 12345;
        // var str = "" + true;
        // var str = "" + undefined;
        // var str = "" + null;

        console.log(str);


     </script>
</body>
</html>

 

 

 

数据类型转换  布尔值

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Boolean;
        // 以下五种情况是false;
        // var bool = Boolean(0);
        // var bool = Boolean(NaN);
        // var bool = Boolean("");
        // var bool = Boolean(undefined);
        // var bool = Boolean(null);

        // 其余全都是true;
        // console.log(bool);

        // 野路子;  !! 
        // var bool = !!123;
        // var bool = !!undefined;
        // console.log(bool);
    </script>
</body>
</html>

 

 

 

算数运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // + - * /  
        // % => 取余 

        // 最特别的那个仔 : + 

        // 1. 数学运算的加法运算;
        // var res = 1 + 1;
        // console.log(res);

        // 2. 字符串的拼接;
        // "a" "b" 把两个字符串合并在一起;
        // var str = "a" + "b";
        // console.log(str);
        // - 其他任意类型加上字符串为啥就都变成字符串了那 ? 
        // var str = "a" + 1;
        // JS 有一个特征 : JS是弱类型的 , 发现数据类型不一致的时候是在执行阶段。
        // JS 选择如果运算是类型不一致, JS会帮助数据进行类型转换; 这样的行为是隐式的。
        // 隐式数据类型转换!;
        // 有字符串就有限转换成字符串!;
        // var str = "a" + "1";
        // console.log(str);

        // var str = "a" + 1;
        // => "a" + "1"
        // => "a1"

        // var str = 1 + "a";
        // => "1" + "a";
        // => "1a";

        // - * / % 
        // 1. 左右两侧不是数字，隐式转换成数字再去进行运算;
        // var num = 1 - "1";
            // 1 - 1;
            // 0;
        // console.log(num);

        // var num = 1 * "1";
        // 1 * 1;
        // 1

        // var num = 1 * "a";
        // => 1 * NaN;

        // => NaN
        // console.log(num);





    </script>
</body>
</html>

 

 

 

赋值运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // =  赋值 !;
        // 赋值行为概述 : 给变量绑定一个数据;
        // 赋值行为分成两部分  
        // 左值   = 右值 ; 
        // 变量名 = 数据 ;

        // += -= */ %=

        var num = 10; // num => 工资 10 k
        // 涨工资10k;
        // num = num + 10;
        // 同样一个num有了两种含义 ;
        // num (左值) : 被赋值;
        // num (右值) : 数据;
        // 又涨了10k
        // num = num + 10;
        // 可以继续!;
        // num = 10 + 10;
        // num = 20;
        // console.log(num);

        // 简写 : 
        // num = num + 10;
        //     = num + 10;
        // num += 10;
        num += 10;
        


    </script>
</body>
</html>

 

刘大哥就是6
关注
专栏目录
js面试题-找出字符串中的数字，并替换为*
qq_41795427的博客
10-22 1982
for循环实现 function replace(){ var str='ba123jj4589'; var arrStr = str.split(""); //将字符串转换为数组 for(let i=0;i<arrStr.length;i++){ if(arrStr[i]>='0'&&arrStr[i]<='9'){ arrStr[i]='*'; } } arrStr=arrStr.join(""); c
JavaScript中数据类型转换总结
01-19
在js中，数据类型转换分为显式数据类型转换和隐式数据类型转换。 1， 显式数据类型转换 a:转数字： 1）Number转换： 代码： var a = “123”; a = Number(a); 注意： a) 如果转换的内容本身就是一个数值类型的字符...
JavaScript基础（三） （数据类型）
weixin_50828895的博客
12-16 1116
一、数据类型 数据类型分为基本数据类型和复杂数据类型 基本数据类型有：数字型、字符串型、布尔型、 undefined（未定义型）、null(空型) （1） 数字型：JavaScript中的数字型可以用来保存整数或浮点数（小数） var age = 18; // 整数 var pi = 3.14; // 浮点数（小数） 1.1 常见的进制： 八进制数：在数字开头加上0，八进制数由0~7组成，逢8进位 十进制数：是组成以10为基础的数字系统，有0~9组成，逢10进位 十六进制数：在数字开头加上0x
js基础学习五
qq_44860734的博客
05-10 159
1、 Date对象 在js或者你使用Date对象来表示一个时间 // 直接使用构造函数创建一个Date对象，则会封装为当前代码的时间 var d = new Date(); console.log(d); // 创建一个指定的时间对象 // 需要在构造函数中传递一个表示时间的字符串作为参数 // 日期的格式 月份/日/年 时：分：秒 var d2 = new Date("12/03/2016 11:10:30"); // 获取当前日志是几日 var date = d2.getDate(); // 获取
javascript__day201：三种引入方式、三种输出、数据类型转换、运算符
Orange_lt的博客
12-14 784
1、js的三种引入方式：内部样式 、外部样式、行内样式。 2、三种输出：alret() document.write() console.log() 其中document.write是支持标签属性的。 3、数据类型 三种基本类型以及null undefined 三种基本类型： 字符串（string） 显示颜色为黑色 数字 (number) 显示颜色为蓝色 ...
v-html解析后台传来的html 含有script标签 将js当成字符串来编译咋办
monkey7
11-18 1820
前提： 为啥 不用前端请求数据：因为数据是扒过来的 对方返回xml 后台转换 => 解析成html 再给前端 问题： 后台将html和js都返给我 用vue的 v-html 虽然能渲染html 但是js不行 他不能识别里面的方法 会把js当成字符串来编译 （尝试过将js文件放到前端 没好使 具体啥原因 时间太久了 我忘了） 解决思路： 秉承着笨人有笨方法 动态串创建script标签 然后截取到后台传给我的js内容 append进去 <div v-html="html" ref="myHtml
JavaScript 数据类型转换
licun110的博客
04-21 1009
所谓的类型转换，就是将一种数据类型转换为另外一种数据类型，例如上一节课说到的，如果一个数字与一个字符串相加，JavaScript会自动将数字转换为字符串，然后再与另外一个字符串相加（隐式类型转换）。我们都知道，JavaScript是一种弱类型的语言，这一点区别于传统编程语言（如C和Java）。虽然在运算时，JavaScript会自动进行类型转换，但是为了避免自动转换或不转换产生的不良后果，有时候我们需要进行显式的类型转换。
JavaScript数据类型转换
橘猫吃不胖的博客
11-16 2041
JavaScript数据类型转换：1、转换为字符串型；2、转换为数字型；3、转换为布尔型
JavaScript基础——数据类型转换
最新发布
weixin_64294248的博客
08-03 945
在JavaScript中，数据类型转换是常见的操作，它允许将一种类型的数据转换为另一种类型。数据类型转换可以分为两种类型：隐式类型转换（也称为类型强制或类型合）和显式类型转换。
Javascript的数据类型转换
03-21
以下是对JavaScript中数据类型转换的详细说明： 1. `parseInt()` 函数：这个函数用于将字符串转化为整型。它会尝试解析字符串，从开头开始找到第一个数字，并将其转换为整数。如果字符串的第一位不是数字，`...
全面了解JavaScript的数据类型转换
10-22
接下来，我们将全面分析JavaScript中的数据类型转换机制。 首先，我们需要理解什么是弱类型语言。弱类型语言，又称为动态类型语言，指的是在声明变量时不需要指定数据类型的语言，变量的数据类型可以在运行时根据上...
JavaScript中的数据类型转换方法小结
10-23
在JavaScript编程中，数据类型转换是一个基础且重要的知识点。类型转换（Type Conversion）指的是将变量或值从一个类型转换为另一个类型的过程。这是JavaScript初学者入门学习的必要基础知识。在实际开发中，类型...
详解Javascript数据类型的转换规则
10-20
在本文中，我们将详细探讨JavaScript中的数据类型转换规则，这些规则对于深入理解JavaScript编程至关重要。 首先，我们来看看JavaScript中的基本数据类型和复杂数据类型。JavaScript有五种基本数据类型：Null、...
Eureka的说明以及Eureka和Dubbo的区别
热门推荐
tony_yang6的博客
08-20 1万+
Eureka采用了cs的设计架构，Eureka Server作为服务注册功能的服务器，他是服务注册中心。而系统中的其他微服务，使用Eureka的客户端连接到Eureka Server并维持心跳连接。这样系统的维护人员就可以通过Eureka Server来监控系统的各个微服务是否正常运行。 在服务注册与发现中，有一个注册中心。当服务器启动的时候，会把当前自己服务器的信息。比如服务器的通信地址等以别名方式注册到注册中心上。另一方（消费者|服务提供者），以该别名的方式去注册中心上获取实际的服务通讯地址，然后再实
输入12345输出54321
tony_yang6的博客
04-29 7116
package day03; /** * 12345 输出54321 * @author * *1取出数据 *num%10； *2抹去数据 *、num/10 */ public class Demo9 { public static void main(String[] args) { int num=12345; while(num>0){ Sys...
jboss和tomcat的区别
tony_yang6的博客
11-05 4522
最近在设计公司1.0代码的时候出现了一个新应用服务器JBoss，那么对比于之前的tomcat有什么区别呢？ 对此，查找了网上的资料，做了以下的整理。 1.服务器不同 Tomcat是一个的Java servlet容器和baiWeb服务器。 JBoss是一个基于Java EE的开源应用程序服务器。 2.处理范围不同 Tomcat可以处理servlet和JSP。 JBoss可以处理servlet，JSP和EJB，JMS。 3.规范不同 Tomcat使用Sun Microsystems规范。 J
输入两个数判断之差的绝对值
tony_yang6的博客
04-29 3671
package day03; /** * 输入两个数，打印两个数之差的绝对值 * @author * */ import java.util.Scanner; public class Demo6 { public static void main(String[] args) { int num1 =0; int num2=0; Scanner sc = new S...
java.lang.Exception: 密钥库文件不存在: ~/.android/debug.keystore
tony_yang6的博客
04-25 3221
关于在Android开发过程中出现java.lang.Exception: 密钥库文件不存在: ~/.android/debug.keystore问题时，本人总结解决方式如下： 1.在.android目录下输入：keytool -genkey -v -keystore debug.keystore -alias androiddebugkey -keyalg RSA -validity 1000...
输出五行五列的*
tony_yang6的博客
04-29 2921
package day03; /** * 三角形等问题 * ***** ***** ***** ***** ***** * */ public class Demo10 { public static void main(String[] args) { for(int i=1;i<=5;i++){ for(i...
JavaScript数据类型转换与逻辑运算符详解
本文档主要关注数据类型之间的转换，分为隐式数据类型转换和强制数据类型转换两种情况。 **隐式数据类型转换**通常发生在无需程序员显式干预时。例如，当进行算术运算时，JavaScript引擎会自动将非数字值转换为适合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值