javascript基础入门之js中的数据类型与数据转换01

2022-12-25,,,,

javascript基础入门之js中的数据结构与数据转换01

js的组成(ECMAScript、BOM、DOM)
        js中的打印语句:
        数据类型
        变量
        运算符
        数据类型转换
        js中三大特殊值

js的组成(ECMAScript、BOM、DOM)

①ECMAScript: ECMAScript是一个标准,它规定了语法、类型、语句、关键字、保留子、操作符、对象。(相当于法律);
②BOM(浏览器对象模型):对浏览器窗口进行访问和操作操作;
③DOM(文档对象模型):DOM把整个页面映射成一个多层节点结构。HTML页面组成都是某种类型的节点,这些节点又包含着不同类型的数据;
js中的打印语句:

①alert()  弹窗 弹出框,阻塞程序执行;
    ②document.write()   页面 打印页面,影响布局,某些情况下会覆盖页面;
    ③console.log();   打印到控制台;
    ④prompt()   打印可以输入对话的弹窗(弹出对话框);
    ⑤confirm()  弹出框    弹出一个确定或取消的对话框;

数据类型

1简单(原始)数据类型
①string 字符串 字符String 引号(’,") 引号包裹的数据都是字符;
②number 数字
NaN也是数字类型,表示not a number,无法计算结果
③Boolean 布尔 true false
④undefind 未赋值
⑤null 空
ES6中新增类型:
⑥symbol

复杂(对象)数据类型
    ①object 对象 用{} 包裹
    ②array 数组 用 [] 包裹
    ③function 函数

3.数据类型的检测typeof
运行返回类型值有:
string, 字符串
boolean, 布尔值(true/false)
number, 数字(包括NaN,isNaN()用来判断数据是否是NaN)
undefined, 未定义
object, 对象
function 函数
变量

变量的创建:
    声明:var,
    赋值运算符:=
关于变量命名注意事项:
    ①必须使用字母或者_或者$开头
    ②前缀最好使用数据类型的开头字母,能够更加语义化
    ③不能使用关键字和保留字作为变量名
            常见关键字:typeof,var,break,continue,return,default等等

运算符

1.算数运算符
+ 加(当+号两边,只要出现一个字符,那么就是字符串的拼接(连接),两边都是数值,才是数值的+)
- 减(和字符相加会隐式转换)
* 乘(和字符相加会隐式转换)
/ 除(和字符相加会隐式转换)
% 取余(和字符相加会隐式转换)

2.关系运算符
< 小于
> 大于
<= 小于
>= 大于等于
== 等于(注意一个"="是赋值)
=== 严格等于(没有隐式类型转换,比较时不仅比较值,还比较数据类型)

3.逻辑运算符
|| 或(有一个为true即为true)
&& 且(有一个为false即为false)
! 非(取反)

4.自增自减
n++ 先运算后增加,每次加一
++n 先增加后运算,每次加一
n-- 先减少后运算,每次减一
–n 先减少后运算,每次减一

5.赋值运算符
= 赋值
+= 累加
-= 减等
*= 乘积
/= 除等于
数据类型转换

1.字符转数值
①parseInt() 解析一个字符串,返回一个整数,从左到右检测,遇到数字转换,遇到非数字停止,第一位就非数字,转换停止输出NaN,会过滤小数点后面的内容,认为小数点是非数字;可以把其他进制转换成十进制,语法:parseInt(num,2/8/16)
②parseFloat() 解析一个字符串,返回一个浮点数,、从左到右检测,遇到数字转换,遇到非数字转换,遇到非数字停止,输出NaN,可以识别第一个小数点,第二个无效;
③Math.round() 严格转换,取最近的整数,不允许出现任何非数字,出现即为NaN;
④number() 严格转换,强制转换,可以识别小数点,不允许出现任何非数字,出现即为NaN

2.数字转字符
①num.tostring() 直接转换,相当于给数值添加了一个引号,另外还可以把十进制转换成其他,语法:num.toString(2/8/16)
②num.toFixed() 与toString一致,可以四舍五入保留n位小数

3.隐式类型在if场景下的转换规则(任何类型最终都以布尔值的形式存在ture/false):
①数值:两个数值比较,只要不出现0即为ture;
②字符:两个字符相比较,只要非空(双引号内啥也没有,包括空格)即为ture;
③对象:对象都为ture;
④数组:数组都为ture;
⑤函数:函数都为ture;
⑥underfind,NaN,null:三者出现都为false;

4.isNaN
js中三大特殊值

NaN,underfind,null
————————————————

附上csdn博客地址:
版权声明:本文为CSDN博主「、放肆」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43752578/article/details/100144904

javascript基础入门之js中的数据类型与数据转换01的相关教程结束。

《javascript基础入门之js中的数据类型与数据转换01.doc》

下载本文的Word格式文档,以方便收藏与打印。