IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript(数据类型转换与运算符) -> 正文阅读

[JavaScript知识库]JavaScript(数据类型转换与运算符)

1.数据类型和类型转换

(1)数据类型和typeof()

JavaScript中提供了以下几种基本数据类型

String 字符串

Number 数值

Boolean? ?布尔类型

null? ? 空

undefined? 未定义

typeof(dat)可以获取指定数据的数据类型

(2)类型转换

1.转换成数值类型

将数据转换成数值类型有三种固定语法

Number(dat)将dat数据转换成数值

parseInt(dat)将dat数据转换成整数

parseFloatt(dat) 将dat数据转换成浮点数

console.log(Number(5),typeof(Number(5)));
console.log(Number(3.14),typeof(Number(3.14)));
console.log(Number("12"),typeof(Number("12")));
console.log(Number("zhangsan"),typeof(Number("zhangsan")));
console.log(Number("12px"),typeof(Number("12px")));
console.log(Number("a12px"),typeof(Number("a12px")));
console.log(Number(false),typeof(Number(false)));
console.log(Number(true),typeof(Number(true)));

?

?2.转换成字符串

将数据转换成字符串有三种语法

String(dat)? 将dat数据转换成字符串数据

dat.toString()? 将dat数据转换成字符串形式

dat + “”? ?使用拼接字符串的形式将dat转换成字符串形式

console.log(String("zhangsan"),typeof(String("zhangsan")));
console.log(String(1223),typeof(String(1223)));
console.log(String(false),typeof(String(false)));
console.log("zhangsan".toString(),typeof("zhangsan".toString()));
console.log((123).toString(),typeof((123).toString()));
console.log((false).toString(),typeof((false).toString()));
console.log("zhangsan"+"",typeof("zhangsan"+""));
console.log(123+"",typeof(123+""));
console.log(false+"",typeof(false+""));

’??

3.转换成布尔类型

?将数据转换成布尔类型的固定语法为Boolean(dat)

console.log(Boolean(0),typeof(Boolean(0)));
console.log(Boolean(0.0),typeof(Boolean(0.0)));
console.log(Boolean(-20),typeof(Boolean(-20)));
console.log(Boolean(""),typeof(Boolean("")));
console.log(Boolean(" "),typeof(Boolean(" ")));
console.log(Boolean("abc"),typeof(Boolean("abc")));

?

?4.null和undefined转换(坑)

转换成数值类型(注)

console.log(Number(null),typeof(Number(null)));
console.log(parseInt(null),typeof(parseInt(null)));
console.log(parseFloat(null),typeof(parseFloat(null)));
console.log(Number(undefined),typeof(Number(undefined)));
console.log(parseInt(undefined),typeof(parseInt(undefined)));
console.log(parseFloat(undefined),typeof(parseFloat(undefined)));

转换成字符串

console.log(String(null),typeof(String(null)));
console.log(null+"",typeof(null+""));
console.log(String(undefined),typeof(String(undefined)));
console.log(undefined+"",typeof(undefined+""));

?

console.log((null).toString(),typeof((null).toString())); //此处会报错
console.log((undefined).toString(),typeof((undefined).toString())); //此处会报错

?转换成布尔型

console.log(Boolean(null),typeof(Boolean(null)));
console.log(Boolean(undefined),typeof(Boolean(undefined)));

(3)类型隐式转换

某些代码在执行的时候,会在底层自动完成数据类型的转换,这种转换方式为隐式转换

常见的隐式转换有两种?

1.isNaN(dat)

作用:判断一个数据是否是一个非数字

console.log(isNaN("123"));
console.log(isNaN("123a"));

?

2.dat.toFixed(n)

作用:将一个数值类型的数据,指定保留小数位数后转换成字符串

console.log((3.141592654).toFixed(2),typeof((3.141592654).toFixed(2)));

?

?2.运算符

(1)常见的运算符

1.算数运算符

符号描述示例
+加法运算符12+9
-减法运算符12-9
*乘法运算符12*9
/除法运算符12/9
%取余运算符12%9
---、++自减、自增运算符a++,a--

2.赋值运算符

符号描述示例
=给变量赋值var a = 12
-=扩展的减法运算var a-=12 => var a=a-12
+=扩展的加法运算var a+=12 => var a=a+12
*=扩展的乘法运算var a*=12 => var a =a*12
/=扩展的除法运算var a/ = 12? => var a=a/12

3.关系运算符

符号描述示例
>大于关系18 > 16 结果返回一个布尔值
<小于关系18<16?
>=大于等于18.<=16
<=小于等于18 <=16
==值相等10 = “10”
!=值不相等10 != '11'
===值与类型都相等【恒等】10 === ‘10’
!==值或类型不相等10 !== ‘10’

4.逻辑运算符

符号

描述

示例

&&判断两侧是否都为true(逻辑与)10 <12 && 21 <22
||判断两侧的条件是否都为false(逻辑或)10<12 || 12>>13
!直接对结果去反(逻辑非)!(10 > 12)

(2)运算符的使用

1.算数运算符的使用

var a = 12;
var b = 9;
console.log(a+b,a-b,a*b,a/b,a%b,a++,b--);

?注意事项:a++表示先运算再自加,++a表示先自加再运算

var a =10;
var b = 20;
var c = a++ + ++a +b++;
/*
 *解析  c= 10 + 12 + b++
 *      c=  10 + 12 + 20
 */
console.log(a,b,c);

2.比较运算符的使用

console.log(12>18,12<18,12>=18,12<=18,12=="12",12==="12",12!="12",12!=="12");

?

除了数字,还可以比较字符串:诸位比较字符串的ascii码?

console.log("1000">"100","a">"b","ab" > "b","ab">"aaa");

?3.逻辑运算符的使用

console.log(10>9&&10>8,10>9&&10<8,10<9&&10<8);
console.log(10>9||10>8,10>9||10<8,10<9||10<8);
console.log(!(false));

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-09-02 11:15:56  更:2021-09-02 11:18:01 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 15:42:56-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码