Javascript的第四天

1、

1. 两个小循环

循环 for(初始化; 条件; 增量){}

while() 当 do {} while()

while(条件) { 语句 }

2、

1. 多分支语句 switch

switch 跟 if else if else if else 几乎一样的但是switch效率更好。

作用其实就是：多选1 从多个里面选1个。

语法格式：

switch(参数)

{

case 参数1：

语句;

break; 退出的意思

case 参数2：

语句;

break; 退出的意思

........

default: 默认的

语句;

}

 <script>
    window.onload = function(){

        //获取元素
        var txt = document.getElementById("txt");
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            var val = txt.value;
            switch(val)
            {
                case "苹果":
                    alert("苹果的价格是: 5元");
                    break;
                case "香蕉":
                    alert("香蕉的价格是: 2元");
                    break;
                case "梨":
                    alert("梨的价格是: 1.5元");
                    break;
                case "大白菜":
                    alert("大白菜的价格是: 9毛");
                    break;
                default:
                    alert("今天没进货");
            }
        }
    }
</script>

2、

1. 下拉菜单的事件 onchange

sele.onchange = function(){}

当改变的时候事件

<script>
    window.onload = function(){
        var sele = document.getElementById("sele");
        sele.onchange = function(){
           // alert(this.value);
            switch(this.value)
            {
                case "1":
                    document.body.style.backgroundImage = "url(images/chun1.jpg)";
                    break;
                case "2":
                    document.body.style.backgroundImage = "url(images/xia1.jpg)";
                    break;
                case "3":
                    document.body.style.backgroundImage = "url(images/qiu1.jpg)";
                    break;
                case "4":
                    document.body.style.backgroundImage = "url(images/dong1.jpg)";
                    break;
            }
        }

    }
</script>

5、

1. 数组常用方法

我们经常要对数组进行操作，可能追加，也可能删除等等，何如？

1. 1. 添加数组

var arr = [1,3,5];

我们想要吧 7 这个数字放到这个数组的后面

我想要 [1,3,5,7];

1. push() ★★★★★ 后面推进去

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

push 推进去放

var arr =[1,3,5] → arr.push(7) → 结果变成 : [1,3,5,7];

2. unshift() 从数组的前面放入

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度

var arr = [1,3,5] → arr.unshift(0) → 结果变成 [0,1,3,5]

注意：

var dom = [1,3,5];

console.log(dom.push(7)); // 返回的是数组的长度 4

1. 1. 删除数组内容

1. pop() 删除最后一个元素

pop() 移除最后一个元素

返回值是返回最后一个值

var arr = [1,3,5] → arr.pop() → 结果 [1,3]

2. shift() 删除第一个元素

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值

var arr = [1,3,5] → arr.shift() → 结果 [3,5]

1. 1. 连接两个数组

concat()

该方法用于连接两个或多个数组。它不会改变现有的数组，而仅仅会返回被连接数组的一个副本

var aa = [1,3,5]; var bb = [“a”,”b”,”c”];

aa.concat(bb); 结果： [1,3,5,“a”,”b”,”c”];

1. 1. join() 把数组转换为字符串

join()

作用是将数组各个元素是通过指定的分隔符进行连接成为一个字符串。

语法

arrayObject.join(separator)

数组名.join(符号)

数组转换为字符串

参数 separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

var arr = [1,2,3];

console.log(arr.join(“-”)) 结果就是： 1-2-3 字符串

1. 1. 把字符串转换为数组 split()

join <=> split

split() 方法用于把一个字符串分割成字符串数组

语法

stringObject.split(separator,howmany)

参数 separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

howmany 可选。该参数可指定返回的数组的最大长度

3、

var dom = [1,3,5];

console.log(dom.push(7)); // 返回的是 数组的长度 4

var arr = [1,3,5] → arr.shift() → 结果 [3,5]

猜你喜欢

console.log(dom.push(7)); // 返回的是数组的长度 4