目录
JS语言是解释型语言
一、运算符
1.赋值运算符
2.一元运算符
3.比较运算符
4.逻辑运算符
5.运算符优先级
二、语句
1.表达式和语句
2.分支语句
(1)If 语句
(2)三元表达式
(3)switch 语句
3.循环语句
(1)断点调试
(2)while循环
(3)for循环
(4)for循环嵌套
四、数组
遍历数组(重点)
操作数组(重要)
1 改
2 增(重点)
3 删
4 例-数组筛选
五、案例-数据生成柱状图(难)
六、冒泡排序
七、数组排序
JS语言是解释型语言
一、编译型语言(Java等语言)
优点:运行速度快,代码效率高,编译后的程序不可修改,保密性较好。
缺点:代码需要经过编译方可运行,可移植性差,只能在兼容的操作系统上运行 。
二、解释型语言(JavaScript、Python等)
优点:可移植性较好,只要有解释环境,可在不同的操作系统上运行。
缺点:运行需要解释环境,运行起来比编译的要慢,占用资源也要多一些,代码效率低,代码修改后就可运行,不需要编译过程
一、运算符
1.赋值运算符
let num = 1num += 1
2.一元运算符
//前置自增和后置自增 在运算时有区别let i = 1// console.log(i++ + 2); //4 i=1 i++ i+1=2 2+2=4console.log(++i + 2); //3 i=1 i+2=1+2=3 i++ i=i+1=2
后置++ : 不用管++,直接用i初始值带入计算 ,计算完再进行i+=1
let a = 1console.log(a++ + ++a + a);//1+3+3=7 a++后置自增成a=2但是运算时a=1 ++a前置自增变成a=2+1=3 剩下的a现在已经是3了
3.比较运算符
4.逻辑运算符
5.运算符优先级
二、语句
1.表达式和语句
表达式举例: num = 3 + 4
语句举例: alert() 弹出对话框 console.log() 控制台打印输出
2.分支语句
(1)If 语句
// 单分支语句if (true) {console.log('执行语句')}//有输出‘执行语句’if (false) {console.log('执行语句')}//没有输出‘执行语句’
注意:除了空字符串,所有字符串为真;除了0,所有数字为真
(2)三元表达式
let num = 3 < 5 ? 3 : 5console.log(num);
一般用来取值
(3)switch 语句
3.循环语句
(1)断点调试
(2)while循环
while : 在…. 期间, 所以 while循环 就是在满足条件期间,重复执行某些代码
(是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。)
(3)for循环
let sum = 0for (let i = 1; i <= 100; i++) {if (i % 2 === 0) {sum += i}}document.write(`1-100之间偶数和为${sum}`)
(4)for循环嵌套
案例:九九乘法表
四、数组
遍历数组(重点)
let arr = ['刘德华', '青湖原', '莫山', '周处', '风风']// 遍历for (let i = 0; i < arr.length; i++) {console.log(arr[i]);}
操作数组(重要)
1 改
// 修改let arr1 = ['add', 'dff', 'fff']arr1[0] = 'uuu'console.log(arr1);//['uuu', 'dff', 'fff']
2 增(重点)
push()
方法将指定的元素添加到数组的末尾,并返回新的数组长度。
// push 末尾let arr = ['pink', 'hotpink']arr.push('deeppink')console.log(arr);//['pink', 'hotpink', 'deeppink']// unshift 前面let arr = ['pink', 'hotpink']arr.unshift('red')console.log(arr);//[['red', 'pink', 'hotpink']
3 删
4 例-数组筛选
let arr = [2, 4, 5, 833, 67, 90]// 1.声明新的空的数组let newArr = []// 2.遍历旧数组for (let i = 0; i < arr.length; i++) {// 3.满足条件 追加给新的数组if (arr[i] >= 10) {newArr.push(arr[i])}}// 4.输出新的数组console.log(newArr);
五、案例-数据生成柱状图(难)
六、冒泡排序
七、数组排序
let arr = [4, 2, 5, 1, 3]
// 1.升序排列写法
arr.sort(function (a, b) {
return a - b
})
console.log(arr) // [1, 2, 3, 4, 5]
// 降序排列写法
arr.sort(function (a, b) {
return b - a
})
console.log(arr) // [5, 4, 3, 2, 1]