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

Posted 2022-10-30 zxlone

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