博客列表 >0507作业2019年5月8日 11:37:21

0507作业2019年5月8日 11:37:21

Viggo的博客
Viggo的博客原创
2019年05月08日 11:38:23613浏览

实例

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<ul>
    <li>PHP1</li>
    <li>PHP2</li>
    <li>PHP3</li>
    <li>PHP4</li>
    <li>PHP5</li>
</ul>

<script>

        var arr = [
            'java',
            'html',
            500,
            [11,22,33],
            function (a,b) {
                return a+b;
            }
        ];

        arr.forEach(function (value, index, array) {//参数说明 当前的值,当前的健,全部数组成员等同于arr
            console.log(array[index]);
        });

        console.log(arr[0]);//取 'java'
        console.log(arr[1]);//取 'html'
        console.log(arr[2]);//取 500
        console.log(arr[3]);//取 [11,22,33]
        console.log(arr[3][2]);//取 [11,22,33]里面的33
        console.log(arr[4](5,6));// 执行arr数组下标为4的function方法,返回5+6的和



        var lis = document.getElementsByTagName('li');

        // 用for 遍历 lis内的数组成员 此时lis是个对象 不能用forEach
        for (var i = 0; i < lis.length; i++) {
            if (i%2!==0){
                lis[i].style.background='green';
            }
        }

        // 可以用 silice()命令 来取出类数组的对象 取出以后就会变成数组类型
        // silice()命令有2个参数 第一个是起始索引 第二个是结束索引 结束索引位置的值将会丢弃
        var arr = Array.prototype.slice.call(lis);
        // 取出以后就可以用数组的方式 来遍历成员
        arr.forEach(function (value, index, array) {
            if (index%2===0){
                lis[index].style.background='red';
            }
        })



        // splice()命令的用法说明 该命令返回被操作后的数组 原数组将会被修改
        // 第一个参数(需要操作的起始索引 -1代表最后一个位置)
        // 第二个参数 1代表删除(如果第三个参数有值就是替换) 0代表不删除(如果第三个参数有值就是添加)
        // 第三个参数是需要添加或者修改的值(取决于第二个参数) 后面可以有N个第三参数
        var arl = [1,2,3,4,5,6,7,8,9];
        arl.splice(1,0,'哈哈')//在索引1的位置添加 '哈哈'

        var art = [1,2,3,4,5,6,7,8,9];
        art.splice(2,1,'哈哈')//在索引2的位置替换 '哈哈'

        var arq = [1,2,3,4,5,6,7,8,9];
        arq.splice(3,1)//删除索引3的位置的数组成员

        var are = [1,2,3,4,5,6,7,8,9];
        are.splice(-1,1,'PHP')//在最后一个索引位置替换 'PHP'

        var arw = [1,2,3,4,5,6,7,8,9];
        arw.splice(arw.length,1,'html')//在最后一个索引位置增加 'html'

</script>


</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<ul>
    <li>PHP1</li>
    <li>PHP2</li>
    <li>PHP3</li>
    <li>PHP4</li>
    <li>PHP5</li>
</ul>

<script>

        var arr = [
            'java',
            'html',
            500,
            [11,22,33],
            function (a,b) {
                return a+b;
            }
        ];

        arr.forEach(function (value, index, array) {//参数说明 当前的值,当前的健,全部数组成员等同于arr
            console.log(array[index]);
        });

        console.log(arr[0]);//取 'java'
        console.log(arr[1]);//取 'html'
        console.log(arr[2]);//取 500
        console.log(arr[3]);//取 [11,22,33]
        console.log(arr[3][2]);//取 [11,22,33]里面的33
        console.log(arr[4](5,6));// 执行arr数组下标为4的function方法,返回5+6的和



        var lis = document.getElementsByTagName('li');

        // 用for 遍历 lis内的数组成员 此时lis是个对象 不能用forEach
        for (var i = 0; i < lis.length; i++) {
            if (i%2!==0){
                lis[i].style.background='green';
            }
        }

        // 可以用 silice()命令 来取出类数组的对象 取出以后就会变成数组类型
        // silice()命令有2个参数 第一个是起始索引 第二个是结束索引 结束索引位置的值将会丢弃
        var arr = Array.prototype.slice.call(lis);
        // 取出以后就可以用数组的方式 来遍历成员
        arr.forEach(function (value, index, array) {
            if (index%2===0){
                lis[index].style.background='red';
            }
        })



        // splice()命令的用法说明 该命令返回被操作后的数组 原数组将会被修改
        // 第一个参数(需要操作的起始索引 -1代表最后一个位置)
        // 第二个参数 1代表删除(如果第三个参数有值就是替换) 0代表不删除(如果第三个参数有值就是添加)
        // 第三个参数是需要添加或者修改的值(取决于第二个参数) 后面可以有N个第三参数
        var arl = [1,2,3,4,5,6,7,8,9];
        arl.splice(1,0,'哈哈')//在索引1的位置添加 '哈哈'

        var art = [1,2,3,4,5,6,7,8,9];
        art.splice(2,1,'哈哈')//在索引2的位置替换 '哈哈'

        var arq = [1,2,3,4,5,6,7,8,9];
        arq.splice(3,1)//删除索引3的位置的数组成员

        var are = [1,2,3,4,5,6,7,8,9];
        are.splice(-1,1,'PHP')//在最后一个索引位置替换 'PHP'

        var arw = [1,2,3,4,5,6,7,8,9];
        arw.splice(arw.length,1,'html')//在最后一个索引位置增加 'html'

</script>


</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议