云南网站营销,网站做推广页需要什么软件下载,做ppt素材的网站有哪些,网站开发是先做前段还是后台目录 内容回顾
数据类型
基本数据类型#xff1a;
引用数据类型#xff1a;
常见运算
算术运算符
比较运算符
逻辑运算符
赋值运算符
自增/减运算符
三目运算符
位运算符 内容回顾 1.概述 2.基本数据 1.使用方式#xff08;行内、页面、外部#xff09; 2.对话框…目录 内容回顾
数据类型
基本数据类型
引用数据类型
常见运算
算术运算符
比较运算符
逻辑运算符
赋值运算符
自增/减运算符
三目运算符
位运算符 内容回顾 1.概述 2.基本数据 1.使用方式行内、页面、外部 2.对话框警告、确认、输入 3.关键字具有特殊意义的单词它的特点是全部小写 4.注释单选注释//、多行注释/**/、文档注释/**/ 5.变量定义变量我们需要使用的语法let|const|var 变量名称 值 6.规则和规范规则我们是需要遵守而规范我们应该符合这个标准写法只能是字母、数字、下划线和$符号数字不能开头。 7.数据类型 数据类型
在JS中有以下两大类基本数据类型、引用数据类型
基本数据类型
数值类型Number
整数int
浮点数float
布尔类型Boolean有两个值true 和 false
字符串String它可以是单引号包裹的数据也可以是双引号包裹的数据。在JS推荐使用单号
空null表示不存在
未定义undefined表示变量定义了但是没有给它赋值就使用这个变量。
不是数字NaN - Not a Number判断是否为数字如果不是返回true如果是返回false。
引用数据类型
数组Array它用于存储一组相同类型的数据
对象Object在JS中万物皆对象 判断数据类型我们在JS中是通过typeof运行符来实现的。
!DOCTYPE html
html langen
head meta charsetUTF-8 title数据类型/title
/head
body
script // 1. 定义一个整数类型的变量 let num 10 console.log(num, typeof num); // 在控制台中输出变量的值以及变量的类型 // 2. 定义一个浮点类型的变量 let money 10000.5 console.log(money, typeof money); // 3. 定义一个布尔类型的变量 let bool false console.log(bool, typeof bool); // 4. 定义一个字符串类型的变量 let str1 hello console.log(str1, typeof str1); let str2 world console.log(str2, typeof str2); // 5. 空值类型它只有一个值 null let nullVal null console.log(nullVal, typeof nullVal); // 6. 未定义 let age console.log(age, typeof age) // 7. 判断是否为数字 let n a console.log(isNaN(n), typeof isNaN(n))
/script
/body
/html 常见运算
算术运算符
在JS算术运算符包含加、减、乘、除、取模等。
!DOCTYPE html
html langen
head meta charsetUTF-8 title算术运算数/title
/head
body
script // 数值类型的算术运算 let a 10 let b 2 // 加法运算 let r a b console.log(r); // 减法运算 r a - b console.log(r); // 乘法 r a * b console.log(r); // 除法 r a / b console.log(r); // 取模得到除法的余数 r a % b console.log(r); // 幂运算 r a ** b console.log(r) console.log(-----------------------------) // 布尔类型的算术运算 let b1 true let b2 true r b1 b2 console.log(r) // 当两个布尔值进行加法运算时会把 true 变为 1false 变为 0 后再作运算 r b1 - b2 console.log(r) r b1 / b2 console.log(r) r b1 * b2 console.log(r) // 字符串的算术运算 let s1 30 let s2 20 r s1 s2 console.log(r) // 字符串作加法操作其实就是进行字符串拼接操作 r s1 - s2 console.log(r, typeof r) // 当字符串作减法操作时它会看这个字符串能不能转换为数字如果能则转换后再计算如果不能则输出 NaN r s1 * s2 console.log(r, typeof r) // 当字符串作乘法时也会先看这个字符串能不能转换为数字如果能则按数值进行计算否则输出 NaN console.log(-----------------------------) // 空值 let n1 null let n2 null r n1 n2 console.log(r, typeof r) let n3 5 r n1 n3 console.log(r, typeof r) // 当空值进行算术运算时它会转换为数值 0然后再作计算 // 未定义 let un1 undefined let un2 undefined r un1 un2 console.log(r) // 未定义类型不能进行算术运算
/script
/body
/html 比较运算符
比较运算也中关系运算。它是用于比较两个数之间的大小结果为一个布尔类型的值。比较运算符包含大于、小于、等于、大于等于、小于等于、不等于!、全等于。
!DOCTYPE html
html langen
head meta charsetUTF-8 title比较运算符/title
/head
body
script let n1 10 let n2 20 r n1 n2 console.log(r, typeof r) r n1 n2 console.log(r, typeof r) r n1 n2 console.log(r, typeof r) r n1 n2 console.log(r, typeof r) r n1 n2 console.log(r, typeof r) r n1 ! n2 console.log(r, typeof r) console.log(-------------------------------) let n3 5 let n4 5 let n5 5 r n3 n4 console.log(r) r n3 n4 console.log(r) r n3 n5 // 使用 等号的方式来进行比较时是比较的两个变量转换为数值类型后的值的大小。 console.log(r) r n3 n5 // 使用 等号的方式进行比较时比较的是值的大小以及它的类型是否相同。只两者都相同才为 true否则为 false console.log(r) console.log(-----------------------------) //----------布尔类型的比较运算--------------------- let b1 true let b2 false r b1 b2 console.log(r) // 使用布尔值来做比较运算是没有意义的因为比较运算的结果本身就是布尔类型的值。 console.log(-----------------------------) let s1 hello let s2 hallo s1 100 s2 10 s1 World s2 world r s1 s2 r s1 s2 console.log(r)
/script
/body
/html
逻辑运算符
逻辑运算符主要是指多个条件之间的关联关系逻辑运算符有与、或||以及非!这三种。
!DOCTYPE html
html langen
head meta charsetUTF-8 title逻辑运算符/title
/head
body
script let n1 5 let n2 6 let b1 true let b2 false let r n1 n2 b1 console.log(r, typeof r) // 使用与运算时只有全部都是 true 结果才是 true否则结果为 false r n1 n2 || b1 || b2 console.log(r) // 使用或运算时只有全部为 false结果才是 false否则结果为 true r !b1 console.log(r) r !b2 console.log(r) // 使用非运算时如果本身为 true 则结果为 false如果本身为 false 则结果为 true即取反 r n1 n2 b2 console.log(r) r b1 b2 console.log(r) r b1 | b2 console.log(r)
/script
/body
/html
在逻辑运算符中也可以使用 号来表示与运算使用 | 符号来表示或运算。它们与 以及 || 是有区别的。 赋值运算符
在 JS 中赋值运算符有以下几种
1.将它这符号右边的值赋给这个符号左边的变量
2.把符号右边的值与这个变量之前的值相加后再赋给这个变量
3.-把符号右边的值与这个变量之前的值相减后再赋给这个变量
4.*把符号右边的值与这个变量之前的值相乘后再赋给这个变量
5./把符号右边的值与这个变量之前的值相除后再赋给这个变量
6.%把符号右边的值与这个变量之前的值取模后再赋给这个变量
7.**把符号右边的值与这个变量之前的值幂运算后再赋给这个变量 !DOCTYPE html
html langen
head meta charsetUTF-8 title赋值运算符/title
/head
body
pre 将它这符号右边的值赋给这个符号左边的变量 把符号右边的值与这个变量之前的值相加后再赋给这个变量 -把符号右边的值与这个变量之前的值相减后再赋给这个变量 *把符号右边的值与这个变量之前的值相乘后再赋给这个变量 /把符号右边的值与这个变量之前的值相除后再赋给这个变量 %把符号右边的值与这个变量之前的值取模后再赋给这个变量 **把符号右边的值与这个变量之前的值幂运算后再赋给这个变量 /pre
script let a 10 // 使用 进行赋值运算它是将等号右边的值赋给等号左边的变量 console.log(a) a 10 // 它等价于 a a 10 console.log(a) a - 10 // 它等价于 a a - 10 console.log(a) a * 10 // 它等价于 a a * 10 console.log(a) a / 10 // 它等价于 a a / 10 console.log(a) a % 10 // 它等价于 a a % 10 console.log(a) a ** 10 // 它等价于 a a ** 10 即 0 的 10 次方 console.log(a)
/script
/body
/html 自增/减运算符
严格来说它是属于算术运算符中我们在这里把单独拿出来进行讲。 问题a 和 a 有什么区别 根据上面的代码运行的结果以及分析的过程我们发现 后是先使用它的值然后自己再加 1而 在前是先自己加 1 后再把结果进行相加。 总结在前是先自增再运算在后是先运算再自增
三目运算符
三目运算符出现的目的是为了简化 if 语句。它的语法格式为变量 表达式 ? 值1 : 值2。当表达为 true 时取值1否则取值2。 位运算符
位运算符会涉及到二进制的计算会有补码、原码、反码。位运算符有 、| 、^ 、 、 以及
