博客列表 >JS引入及组的常用函数(slice()和splice())(实例) 2019年1月16日 20:00

JS引入及组的常用函数(slice()和splice())(实例) 2019年1月16日 20:00

默默然O_o的博客
默默然O_o的博客原创
2019年01月18日 19:56:09698浏览

一.js数组的常用函数(slice()和splice())

       var arr = [1,2,3,4,5,6];
        // slice查询 slice(起点,终点)
        arr.slice(1,4) ;//取第2到第5 之间的值  包括起点 不包括终点
        console.log(arr.slice(1,4));

        arr.slice(1,-2); // 可倒数取值
        console.log(arr.slice(1,-2));

        //splice 可增删查改
        // splice(起点,删除的数量,需要添加删除的数据(可选))

        // 添加
        arr.splice(2,0,'QQ'); //从第3个 不删除数据 添加 QQ
        console.log(arr)

        //删除    返回被删除的值
        arr.splice(4,2); //从第5个值 开始删2个
        console.log(arr);

        //更新   删除当前 添加新数据
        arr.splice(2,1,'WW');
        console.log(arr);

        


        //分割 字符串 成数组

        var str ='html,css,javascript'
        var strArr= str.split(',');
        console.log(strArr);

 

二. js引入到html文档中的三种方式


 

     <!-- 1.直接左元素的事件方法属性上写JS代码 -->
    <h2 onclick="alert('我喜欢PHP中文网')">PHP中文网</h2>

    <!-- 2.将JS写到script标签里面 -->
    <form action="">
        <input type="text" name="username" placeholder="PHP中文网">
        <button type="button" onclick= "check(username)">验证</button>
    </form>
    <script>
        function check(username){
            //验证非空(判断长度 是否等于0)
            if(username.value.length === 0){
                alert('用户名为空-请输入');
            } else {
                alert('验证成功');
            }
        }
    </script>

    <!-- 3.将JS脚本写到外部JS文件中 -->
    <script src="js.js"></script>

 

总结:

数组操作函数 slice()splice())

  1.  slice()有两个参数 查询的 (起点, 终点)     (但结果不包括终点)

  2. splice()有三个参数  (起点,删除的数量,添加的数据)

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