JavaScript提升

学习内容

1. JavaScript 操作符
2. JavaScript 流程空值
3. javaScript 循环
4. JavaScript 字符串方法
5. JavaScript 数组方法

---

1、JavaScript操作符

算术运算符

【 + 】【 - 】 【 * 】【 / 】【 % 】

注意事项:

一旦加号两边的值出现 一边为字符串则+运算就会变成拼接

除+号以外的所有 运算符

如果有值无法被 隐式转换成number 的话 则运算值为 NaN

赋值运算符

【 += 】【 -= 】 【 * =】【 /= 】【 %= 】【 – 】【 ++ 】

所有的预算符号基本与java 一致

注意事项：

与java 中的运算符 一致

需要注意【++】【–】运算的输出位置会影响当前的输出值

逻辑运算符

【&&】【||】【!】

逻辑与 逻辑或 逻辑非

与java中的逻辑运算符意义相同

注意事项：

多重逻辑运算顺序：

！> && >||

比较运算符

【 > 】【 < 】 【 != 】【 >= 】【 <= 】【 == 】【 === 】

其中除了【===】全等于 其他运算符与java一致

注意事项：

【===】 相当与java中的equals一致

【】 只判断内容 而【=】还要判断数据类型

其中如果 用null 和 undefined 进行【==】比较

结果为True 这里两个的值都是一样 都为null 但是他们的数据类型不一样

而NaN 和NaN进行相比较 也是false 他们数据类型相同 但是值不同

2、avaScript流程控制

IF判断

if判断语法

<script>
   if(条件语句){
       代码段1
   }
   else if(条件语句2){
       代码段2
   }
   else{
       代码段3
   }
</script>

Switch判断

switch判断语法

<script>
   switch(需要判断的变量){
       case value1:
           代码段1
           break;
       case value2:
           代码段2
           break;
       case value3:
           代码段3
           break;

   }
</script>

三目运算符

三目运算语法

<script>
	条件表达式？value1:value2
    if条件表达式为真 则输出 value1
    if条件表达式为假 则输出 value2
</script>

3、JavaScript循环

While循环

循环三要素 ：循环初始值 循环边界值 循环体语句

While循环语法

<script>
	a=0; //循环起始值
    while(a<100){ // 循环边界值
        console.log(a)
        a++;
        // 循环语句
    }
</script>

For循环

循环三要素 ：循环初始值 循环边界值 循环体语句

For循环语法

<script>
	for(循环起始值;循环边界值;循环操作值){
       循环语句体;
   }
   // 例子
   for (let index = 0; index < array.length; index++) {
         const element = array[index];
         
   }
</script>

在JavaScript循环中 Continue 与 Break 一样适用

Do While 循环

do…while 循环语法

do{
	循环语句体
}while(循环边界值)

4、JavaScript字符串操作方法

字符串长度（string.lenth ）

字符串截断（string.slice(start,end)）
字符串截断（string.substring(Start,end)）
注解：从start开始截取字符，一直到end-不包括end

字符串截取（string.substr(Start,index)）
注解：从Start开始 向后截取index个字符

查看字符对象（Object.keys(obj)）
注解：返回一个包含该对象所有的键的数组-所有索引
查看字符对象（Object.Values(obj)）
注解：返回一个包含该对象所有的值的数组-所有值
查看字符对象（Object.entries(obj)）
注解：返回一个包含该对象所有 [key, value] 键值对的数组-所有值和索引

字符串切割（string.split('字符')）
注解：会根据你所定义的字符进行切割

字符串替换（string.replace('被替换掉的字符'，‘替换的字符’)）
注解：只替换一次
字符串替换（string.replaceAll('被替换掉的字符'，‘替换的字符’)）
注解：替换所有的符合条件的字符

字符串大写转换（string.toUpperCase()）
注解：小写转大写
字符串小写转换（string.toLowerCase()）
注解：大写转小写

5、JavaScript数组

<script>
   arr=[1,2,3,4,5]
   1、获取数组长度
  	console.log(arr.length)
   2、取值索引取值
   console.log(arr[0])
   3、数组截取
   console.log(arr.slice(Start_index,end_index))
   4、数组添加
   arr.push('Hello','Word') // 追加 加在后
   arr.unshift('你好','世界') // 添加 加载前
   5、数组删除
   arr.pop()// 删除 删除最后一个
   arr.shift() // 删除 删除第一个
   arr.splice(Start_index,sum) // 删除 指定索引向后删除n个值
   arr.splice(Start_index.sum,'value1','value2')// 删除 指定索引删除nf个值 在指定索引处添加对应值
   6、数组修改 
   arr[6]=10; // 有则改 无则加
   7、数组查找
   arr.indexOf(index)// 输入值 输出对应索引
   
   8、数组排序
   arr.sort() // 升序 从小到大
   arr.reverse //反转数组 从而达到降序排序
</script>