当前位置:网站首页>02-JS变量、数据类型及运算符
02-JS变量、数据类型及运算符
2022-08-11 11:51:00 【CapejasmineY】
一、变量
1、命名规则
由数字、字母、下划线、美元符组成,不能以数字开头
严格区分大小写
不能是关键字,var、for等
尽量使用有意义的单词
2、变量三种输出方式
alert() 弹窗
console.log() 输出到控制台
document.write() 输出到页面
二、数据类型

数值类型:
字符串类型:单双引号无区别
布尔类型:
空类型:
使用typeof来检测数据类型:
三、数据类型转换
1、转数值
方法一:
Number(要转换的变量)
#要转换的变量不能转换时返回NaN,例如字符串转数值时
遵循下列规则:
1. 只包含数字,将其转换为十进制数值: “1” -> 1,“123” ->123,“011” -> 11(忽略前导零);
2. 只包含有效的浮点格式,将其转换为对应浮点数值: “1.1” -> 1.1,“03.14” ->3.14,“1.22.33” -> NaN;
3. 只包含有效的十六进制格式,将其转换为相同大小的十进制整数值:“0xf” -> 15;
4. 空字符串(不包含任何字符或包含空格等空字符),则将其转换为0:“” -> 0,“ ” -> 0;
5. 除以上提及格式的字符,则将其转换为NaN:“99 88” -> NaN,“99abc” -> NaN;
方法二:
parseInt(要转换的变量)
#转换时一位一位的比较,前面是数字则保留,遇到字符串停止
#100sw ——> 100 sw11——>NaN
#不保留小数位 122.22 ——>122
parseInt("AF",16); 指定要按照16进制进行解析
方法三:
parseFloat(要转换的变量)
#会保留小数位 122.22 ——> 122.22
2、转字符串
方法一:
String(要转换的变量)
方法二:
转换内容.toString()
3、转布尔值
Boolean();
会被转换为false的内容:
0,NaN,‘’,undefined,null
其余内容都被转换为true
四、运算符
1、算数运算符

2、赋值运算符

3、比较运算符

注意:
// ==:只比较 值 是不是相等,不考虑数据类型
console.log(10 == 10) //true
console.log(10 == '10') //true
// ===:必须要 值和数据类型 都相等才是true
console.log(10 == 10) //true
console.log(10 == '10') //false
// !=:只比较 值 是不是相等,不考虑数据类型
console.log(10 != 10) //false
console.log(10 != '10') //false
// ===:必须要 值和数据类型 都相等才是true
console.log(10 !== 10) //false
console.log(10 !== '10') //true
4、逻辑运算符

5、自增运算符


边栏推荐
猜你喜欢

Flutter 教程之 Kotlin 多平台与 Flutter,为您的应用选择哪一个

ESI VA One 2021软件安装包和安装教程

闪灯芯片银行塔闪灯IC参数应用

Web3 Entrepreneur's Guide: How to Build a Decentralized Community for Your Product?

svg图片调整大小和颜色

重要消息丨.NET Core 3.1 将于今年12月13日结束支持

爆赞!阿里P8首次分享出基于Docker的企业级Redis实战开源笔记

Jmeter性能测试

MySQL之JDBC编程增删改查

OpenHarmony如何选择图片在Image组件上显示(eTS)
随机推荐
目标检测学习笔记——小目标检测
Through the thermal lens focus on different types of gaussian model
从抖音到火山引擎——看流媒体技术演进和机会
怎么了
锂电池充电芯片IC
2022HW 涉及的需要修复的 0day 漏洞 总结
从滴滴被罚款事件思考企业数据治理问题
TX12 + ExpressLRS 915MHz RC控制链路配置及问题汇总
从 IP 开始,学习数字逻辑:DataMover 基础篇
VirtualLab:Ince-Gaussian光束产生涡旋阵列激光束的观测
莫队学习总结
Flutter 教程之 Kotlin 多平台与 Flutter,为您的应用选择哪一个
公共管理学的名词解释
vending machine
音频分享系统(类听书系统)
SM5200原厂SOT23-6 500mA 线性锂电子替代芯片
基于 TLS 1.3的百度安全通信协议 bdtls 介绍
兴盛优选:时序数据如何高效处理?
【深度学习】笔记2-模型在测试集的准确率大于训练集
同城是美团电商的解法吗?