JavaScript ---- 一些简单使用

小咪咪 2022-06-03 04:28 168阅读 0赞

.push() ：  
在数组的末尾添加元素。  
.push() 允许有一个或多个参数

var arr = [1,2,3];
    arr.push(4);
    // 现在arr的值为 [1,2,3,4]

.unshift()  
在数组的头部添加元素。

var arr = [1,2,3];
    arr.unshift(4);
    // 现在arr的值为 [4,1,2,3]

.pop() ：  
移除一个数组末尾的值。  
数组中任何类型的数据条目（数值，字符串，甚至是数组）都可以 。

var arr = [1,2,3];
    var removedArr = arr.pop(); 
    // 现在arr的值为 [1,2]
    // 现在removedArr 的值为 3

.shift() ：  
移出数组第一个数据。  
和.pop（）类似

var arr = [1,2,3];
    var removedArr = arr.shift(); 
    // 现在arr的值为 [2,3]
    // 现在removedArr 的值为 1

var : 全局变量与局部变量  
没有使用var关键字定义的变量，会被自动创建在全局作用域中，变成全局变量。  
一般我们会使用var定义一个变量

全局变量与局部变量差异：  
一个程序中有可能具有相同名称的 局部 变量 和 全局 变量。在这种情况下，局部 变量将会优先于 全局 变量。

var arr1 = 10;
    function myFun() { 
       var arr1 = 5;
       return arr1;
    }
    alert(myFun());
    // 输出 5

===：  
全等于比较运算符  
它会同时比较元素的值和 数据类型。

3 === 3 // true
    3 === '3' // false

!==：  
不全等于比较运算符  
不全等运算符（!==）与全等运算符（===）是相反的

3 !== 3 // false
    3 !== '3' // true
    4 !== 3 // true

&&：  
逻辑与运算符  
左边和右边结果必须都是 true，逻辑与 运算符（&&）才会返回 true

function myTest(val) {
            if (val <= 50 && val >= 25) {
                return alert("Yes");
            }
            return alert("No");
        }
    
        myTest(30);
    // 输出 yes

||：  
逻辑或运算符  
左右两边任何一个操作数是true，逻辑或 运算符 (||) 返回 true。反之，返回 false。

function myTest(val) {
            if (val >= 50 || val <= 25) {
                return alert("Yes");
            }
            return alert("No");
        }
    
        myTest(10);
    // 输出 yes

switch语句：  
在switch 语句中无法用case来指定所有情况，这时可以添加default语句

function myTest(val) { 
        var answer = "";
            switch (val) {
                case 1:
                case 2:
                case 3:
                answer = "a3";
                break;
                case 4:
                answer = "a4";
                break;
                default:     // default语句在最后。
                answer = "stuff";
            }
        return answer;
    }
    
     alert(myTest(1));
    // 输出 a3

目前这些都是一些简单的操作，后期会在进行更新