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>

  • 相关阅读:
    Chapter 1. 庞加莱群、单粒子态和时间空间反演
    QI Chapter 1
    Introduction to QFT
    在visual studio 2017中配置Qt
    BUAA软工第0次作业
    附加作业(个人)
    个人作业3——个人总结(Alpha阶段)
    单元测试
    英语学习app案例分析
    小学生四则运算改进版之
  • 原文地址:https://www.cnblogs.com/zjm1999/p/10839128.html
Copyright © 2011-2022 走看看