JavaScript变量类型以及变量之间的转换你了解吗

目录
  • 1. 变量类型
    • 1.1 变量类型的颜色
  • 2. 字面量
  • 3.数据类型转换
    • 3.1. 转换为字符串型
      • 1.加号拼接字符串
      • 2.toString() 转成字符串
      • 3.string（变量）
    • 3.2转换为数字型（重点）
      • 1.parseInt(string)函数--》整数数值型
      • 2.parseFloat(string)函数--》浮点数数值型
      • 3.利用number(变量)
      • 4.利用了算数运算- + * / 隐式转换
    • 3.3转换成布尔型
  • 总结

1. 变量类型

<script>
        var num =10;
        console.log(typeof num);
</script>

typeof :声明变量类型

alert:弹出警示框

prompt:输入输出语句

1.1 变量类型的颜色

根据控制台的颜色来辨别变量类型：

紫色：数值型

黑色：字符型

蓝色：布尔型  （true false）

浅灰色：undefined null

2. 字面量

字面量是在源代码中一个固定值的表示法，就是字面量表示如何表达这个值。

3.数据类型转换

3.1. 转换为字符串型

1.加号拼接字符串

console.log(num+'我是字符串')

2.toString() 转成字符串

var num=10;
var str=num.toString();
console.log(str);

3.string（变量）

3.2转换为数字型（重点）

1.parseInt(string)函数--》整数数值型

var age=prompt('请输入您的年龄');
        console .log(parseInt(age));
        console.log(parseInt('3.14'));  //取整 3
        console.log(parseInt('3.98'));  //取整 3
        console.log(parseInt('120px'));  //取整 120

2.parseFloat(string)函数--》浮点数数值型

console.log(parseFloat('3.14'));
console.log(parseFloat('120px')); //120会去掉px单位

3.利用number(变量)

var str='123';
console.log(number(str);
console.log(number('123'));

4.利用了算数运算- + * / 隐式转换

console.log('12'-0); //12
console.log('123'-'120'); //3
console.log('123'*1); //123

3.3转换成布尔型

Boolean()函数

返回值：true or false

false: 0、NaN、null、undefined、''(空)

console.log(boolean(''));//false
console.log(boolean(0));//false
console.log(boolean(NaN));//false
console.log(boolean(null));//false
console.log(boolean(undefined));//false

其余都是true。

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容!

赞 (0)

相关推荐

  • 教你JS中的运算符乘方、开方及变量格式转换

    教你JS中的运算符乘方、开方及变量格式转换

    1)如何计算乘方 题一:3的4次方(不会打,请原谅 ==!!!) 3的4次方=3*3*3*3 var a = Math.pow(3,4); console.log(a); 说明:Math.pow()是用来计算乘方的语法 注意:Math的M是大写: 题二:3的4*5次方 var a =Math.pow(3,4*5); console.log(a); 2)如何计算根号 题目:根号81 var a = Math.sqrt(81); console.log(a); 变量格式转换 用户的输入 var ye

  • JavaScript变量类型以及变量作用域详解

    JavaScript变量类型以及变量作用域详解

    变量类型 ECMAScript变量可能包含两种不同类型的数据值:基本类型和引用类型. 基本类型 基本类型指的是简单的数据段,5种基本数据类型:undefined.null.boolean.number.string,基本数据类型是按值访问的,因此可以操作保存在变量中的实际的值. 复制变量值 从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上.例如: var num1 = 5; var num2 = num1; 复制前的变量对象 复制后的变量对

  • 浅谈JavaScript变量的自动转换和语句

    JS自动类型转换 var a = 1; var b = true; "==" 表示 可以自动类型转换,比较的是数值  "===" 表示可以自动类型转换,先比较数值,再比较类型 if (a == b) { alert("相等"); //打印 }else{ alert("不等"); } 三目运算 var c = 10/2 > 4 ? 5 : 3 ; alert(c); 关于for循环 for ( var i = 0; i &

  • Javascript中将变量转换为字符串的三种方法

    前言 大家应该都知道,对于JavaScript,有3种不同方法可以将变量转换为字符串.这篇文章将详细介绍这些方法,并比较他们的优劣.下面话不多说了,来一起看看详细的介绍吧. 3种方法 将变量转换为字符串的3种方法如下: value.toString() "" + value String(value) 当value为null或者undefined时,第1种方法就不行了.而方法2和方法3基本上是一样的. ""+value: 将value与空字符串相加,即可将其转换为字

  • 一篇文章带你搞懂JavaScript的变量与数据类型

    一篇文章带你搞懂JavaScript的变量与数据类型

    目录 前言: 温馨提示: 变量 1.声明 2.赋值 3.二个语法小细节 变量的命名规范 为什么需要数据类型? 简单数据类型(基本数据类型) 数字型 字符串型 String 什么是数据类型的转换 1.转换为字符串 2.转换为数字型(重点) 转化为布尔型 总结 前言: 我不是搞前端,而是搞后端的.本命编程语言是java.学习js的嘛,因为看到室友能做出动态网页,而我只能做出静态网页,再加上下个学期要学所以提前来学习学习. 温馨提示: java和javsScript没有半毛钱关系,只是javaScri

  • JS中准确判断变量类型的方法

    这是一个高频面试题,我们开发中也进程会遇到,今天我们来实现一个函数getValType(val)用来获取一个变量的类型.从1. JS基础变量类型.2. Js中判断变量的函数. 3. 实现getValType函数.3个方面来分析实现. Js基础变量类型 在 JS 中,有 5 种基本数据类型和 1 种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object中还细分了很多具体的类型,比如:Array, Fun

  • pycharm下查看python的变量类型和变量内容的方法

    用过Matlab的同学基本都知道,程序里面的变量内容可以很方便的查看到,但python确没这么方便,对于做数据处理的很不方便,其实不是没有这个功能,只是没有发现而已,今天整理一下供大家相互学习. 首先,在程序的某一处添加断点,点击行号右边部分红处,如下图所示: 添加断点后,选择debug程序,快捷键在pycharm的右上角. debug过程中,pycharm的下方工作区域内会相应显示: Variables窗口中的变量可以右击,Add to Watches,然后在Watches窗口中可以看到所选数

  • JavaScript变量类型以及变量之间的转换你了解吗

    目录 1. 变量类型 1.1 变量类型的颜色 2. 字面量 3.数据类型转换 3.1. 转换为字符串型 1.加号拼接字符串 2.toString() 转成字符串 3.string(变量) 3.2转换为数字型(重点) 1.parseInt(string)函数-->整数数值型 2.parseFloat(string)函数-->浮点数数值型 3.利用number(变量) 4.利用了算数运算- + * / 隐式转换 3.3转换成布尔型 总结 1. 变量类型 <script> var num

  • JavaScript对象和字串之间的转换实例探讨

    JavaScript 对象定义方式 1. var obj = new Object() 复制代码 代码如下: <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Auth

  • javaScript 数值型和字符串型之间的转换

    1.数值型到String型的转化 假设该数值型(int/float/double)变量为:num 其转化后得到的字符串为:str 则其转化为字符串的方式为有三种,分别如下: (1) str = String.valueOf(num); (2) str =Integer.toString(num); (3) str =num+""; 2.String型到数值型的转化(此处以int为例,double,float类似) 其转化方式有两种,分别如下: (1) num=Integer.parse

  • 详解在JavaScript中如何判断变量类型

    详解在JavaScript中如何判断变量类型

    JavaScript是一个动态类型语言,在运行时获取变量类型是常用操作,由于JavaScript设计的问题,看似简单的问题,在JavaScript中可能并不简单,比如在社区中流传的下图,仔细看一下这些坑,即便是JavaScript老司机也经常翻车. 上图中typeof NaN会返回number,这可能和你想的不一样,在JavaScript准确的获取变量类型,并不简单,正因为如此,这个问题经常被用来考察面试者,由于程序=数据+算法,而基本数据是数据的基础,所以面试中考察类型也是合理的. 如果面试中

  • javascript中对变量类型的判断方法

    在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object中还细分了很多具体的类型,比如:Array, Function, Date等等.今天我们就来探讨一下,使用什么方法判断一个出一个变量的类型. 在讲解各种方法之前,我们首先定义出几个测试变量,看看后面的方法究竟能把变量的类型解析成什么样子,以下几个变量差不多包含了我们在实际编码中常用的类型. var

  • 详细分析JavaScript变量类型

    变量类型  只有6种 : 四种原始数据类型boolean , number, string , undefine, 其他object,function是对象 typeof,instanceof   直接看实例: var obj = null; console.info(typeof obj); //Object var arr = []; console.info(arr instanceof Object); //true console.info(arr instanceof Array);

  • pytorch实现Tensor变量之间的转换

    系统默认是torch.FloatTensor类型 data = torch.Tensor(2,3)是一个2*3的张量,类型为FloatTensor data.cuda()就转换为GPU的张量类型,torch.cuda.FloatTensor类型 (1) CPU或GPU之间的张量转换 在Tensor后加long(), int(), double(),float(),byte()等函数就能将Tensor进行类型转换type()函数, data为Tensor数据类型,data.type()为给出dat

  • JavaScript基于自定义函数判断变量类型的实现方法

    本文实例讲述了JavaScript基于自定义函数判断变量类型的实现方法.分享给大家供大家参考,具体如下: 通常用typeof来判断js变量的类型,但很多时候仅仅typeof满足不了要求的. 我写了一个自定义函数来做这个事,判断的比较全面了. function varType(v){ if ( typeof v=== "object" ){ if (v=== null ) return 'null' ; if (v. constructor ) return (v. constructo

随机推荐