zoukankan      html  css  js  c++  java
  • JavaScript之数组函数

    1.数组增删

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>数组函数</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        //数组元素添加与删除
        //push:向数组的最后添加元素
        var arr = [];
        arr.push("地动天殇");
        arr.push("唯恨无心");
        console.log(arr);
        //pop:删除数组的最后一个元素
        arr.pop();
        console.log(arr);
    </script>


    温馨小提示:和push的区别在于,unshift往元素开始添加,push往末尾添加

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>数组函数的增删二</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        var arr = [];
        //unshift:向数组的开头添加元素
        arr.unshift("一任群芳妒");
        arr.unshift("无意苦争春");
        console.log(arr);
    </script>

     

    温馨小提示:shift和pop的区别,shift删除首元素,pop删除末尾元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>数组函数的增删二</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        var arr = [];
        //unshift:向数组的开头添加元素
        arr.unshift("一任群芳妒");
        arr.unshift("无意苦争春");
        console.log(arr);
        //shift:删除数组的首元素
        arr.shift();
        console.log(arr);
    </script>


    2.向数组中间进行操作

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>向元素中间</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        //splice()
        //三个形参:第一个形参 替换内容的起始下标
        //第二个形参 被替换内容的长度
        //第三个形参 替换的值
        var arr = ["雀巢","新概念","同济","张宇线代"];
        arr.splice(1,2,"王后雄高中数学")
        console.log(arr);
    </script>

    温馨小提示:splice第二个参数为0代表添加元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>向元素中间</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        //splice()
        //三个形参:第一个形参 替换内容的起始下标
        //第二个形参 被替换内容的长度
        //第三个形参 替换的值
        var arr = ["雀巢","新概念","同济","张宇线代"];
        arr.splice(1,2,"王后雄高中数学");
        console.log(arr);
        //第二个参数为0代表添加元素
        arr.splice(1,0,"红楼梦");
        console.log(arr);
    </script>

    温馨小提示:splice缺少第三个参数代表删除元素

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>向元素中间</title>
    </head>
    <body>
        
    </body>
    </html>
    <script type="text/javascript">
        //splice()
        //三个形参:第一个形参 替换内容的起始下标
        //第二个形参 被替换内容的长度
        //第三个形参 替换的值
        var arr = ["雀巢","新概念","同济","张宇线代"];
        arr.splice(1,2,"王后雄高中数学");
        console.log(arr);
        //第二个参数为0代表添加元素
        arr.splice(1,0,"红楼梦");
        console.log(arr);
        //缺少第三个参数代表删除元素
        arr.splice(1,1);
        console.log(arr);
    </script>

  • 相关阅读:
    mac下的一个类似“_kbhit()”实现
    mac使用备注
    open()打开文件失败对应的各种错误码
    xcode显示行号show gutter
    下载google code中源码的几个工具
    HTML5迷你游戏作验证码
    Linux+eclipse+gdb调试postgresql源码
    S-Nim
    【求助】从大表中删除小表中存在的记录问题
    Binary Tree Zigzag Level Order Traversal (LeetCode) 层序遍历二叉树
  • 原文地址:https://www.cnblogs.com/zjm1999/p/10839128.html
Copyright © 2011-2022 走看看