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>

  • 相关阅读:
    准备 LVM Volume Provider
    掌握 cinder-scheduler 调度逻辑
    Cinder 组件详解
    掌握 Cinder 的设计思想
    理解 Cinder 架构
    1 张图秒懂 Nova 16 种操作
    计算节点宕机了怎么办?- 每天5分钟玩转 OpenStack(43)
    Live Migrate 操作
    Resize Instance 操作详解
    关于Linux的10个核心面试问题与答案
  • 原文地址:https://www.cnblogs.com/zjm1999/p/10839128.html
Copyright © 2011-2022 走看看