<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            //计算给定数组arr中所有元素的总和

            function sum(arr){

                var result = 0;

                for(var i = 0; i<arr.length;i++){

                    result = result + arr[i];

                }

                console.log(result);

            }

            sum([1,2,3]);

            //合并数组arr1和数组arr2，不要直接修改数组，结果返回新的数组

            function concat(arr1,arr2,arr3){

                var arr4 = arr1.concat(arr2,arr3);

                console.log(arr4);

            }

            concat(["s"],["a","b"],[1,3])

            //删除数组arr第一个元素，不要直接修改数组arr，结果返回新的数组

            function deletes(arr){

                var arr2 = arr.slice(0);

                arr2.shift();

                console.log(arr2);

            }

            deletes(["s","d","c"])

            //在数组arr开头添加元素item，不直接修改数值arr

            function preAddItem(arr,item){

                var arr2 = arr.slice(0);

                arr2.unshift(item)

                console.log(arr2);

            }

            preAddItem(["a","b","c"],"a");

            //移除数组arr中的所有值与item相等的元素，直接在给定数组上操作，并将结果返回

            function removeItem(arr,item){

                for(var i=0;i<arr.length;i++){

                    if(arr[i]==item){

                        arr.splice(i,1);

                        i--;

                    }

                }

                console.log(arr);

            }

            removeItem(["a","b","c","a"],"a");

            //移除数组的第三个元素，并在数组第三个位置添加新元素:(替换元素，把c替换成e，f)

            //2代表从删除数组元素的开始位置（从何处添加/删除元素。），1代表删除数组是的元素个数，"e""f"代表添加的元素；

            //array.splice(index,num),num可以为0，即删除0个元素；此方法改变的为原数组内容

            function removeAdd(){

                var arr = ["a", "b", "c", "d"];

                var arrRemove = arr.splice(2,1,"e","f");

                console.log(arr);

                console.log(arrRemove);//输出删除的元素内容，即"c";

            }

            removeAdd();

            //找出元素item在给定数组arr中的位置

            function indexOf(arr,item){

                for(var i = 0;i<arr.length;i++){

                    if(arr[i] == item){

                        console.log(i);

                    }

                }

            }

            indexOf(["a","b","c"],"b");

            //用数组元素组成字符串

            function arrStr(arr){

                var arr2 = arr.join();

                console.log(arr2)

            }

            arrStr(["a","b"]);

            //删除数组最后一个元素

            function removeArrEndItem(){

                arr = ["a","b","c"];

                var arr2 = arr.pop();

                console.log(arr);//在原数组上操作

                console.log(arr2);//删除的元素

            }

            removeArrEndItem();

            //在数组末尾添加新元素

            function addEndItem(){

                var arr = ["a","b","c"];

                var arr2 = arr.push();

                console.log(arr);//在原数组上操作

                console.log(arr2);//数组arr的长度

            }

            addEndItem();

            //数组排序

            function sort(){

                var arr = ["c","b","a"];

                arr.sort();

                console.log(arr);

                var points = [40,100,1,5,25,10];

                points.sort(function(a,b){return a-b});

                console.log(points);

                var points01 = [40,100,1,5,25,10];

                points01.sort(function(a,b){return b-a});

                console.log(points01);

            }

            sort();

            //将数组元素转换为字符串输出

            function str(){

                var fruits = ["Banana", "Orange", "Apple", "Mango"];

                var str = fruits.toString();

                console.log(str);

            }

            str();

        </script>

    </body>

</html>

运行结果：

js数组基础的更多相关文章

  1. js数组基础整理

    首页: 主要整理了一下数组中常用的一些基础知识,代码都是自己手敲,有不对的地方希望能指出,目前只有4篇,后续会不断的增加这一板块. 由于少于100字不能发所以把一些最基本的创建数组也写上. // 创建 ...

  2. js数组基础知识链接

    http://www.cnblogs.com/qiantuwuliang/archive/2011/01/08/1930499.html 小案例:   <script language=&quo ...

  3. JS 数组的基础知识

    数组 一.定义 1.数组的文字定义 广义上说,数组是相同类型数据的集合.但是对于强类型语言和弱类型语言来说其特点是不一样的.强类型语言数组和集合有以下特点. 数组强类型语言:1.数组里面只能存放相同数 ...

  4. node.js学习（二）--Node.js控制台（REPL）&&Node.js的基础和语法

    1.1.2 Node.js控制台(REPL) Node.js也有自己的虚拟的运行环境:REPL. 我们可以使用它来执行任何的Node.js或者javascript代码.还可以引入模块和使用文件系统. ...

  5. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  6. css+js+html基础知识总结

    css+js+html基础知识总结 一.CSS相关 1.css的盒子模型:IE盒子模型.标准W3C盒子模型: 2.CSS优先级机制: 选择器的优先权:!important>style(内联样式) ...

  7. js数组(列表)的基本操作

    本文主要介绍JS对数组(列表)的基本操作.习惯了用数据库的操作顺序来说明:增.删.改.查:合并,裁剪,排序,格式化. 一.数组元素的添加(增加) 增加数组元素有三种方法:unshift()  push ...

  8. JavaScript--我发现，原来你是这样的JS（基础概念--灵魂篇，一起来学js吧）

    介绍 这是红宝书(JavaScript高级程序设计 3版)的读书笔记第三篇(灵魂篇介绍),有着剩下的第三章的知识内容,当然其中还有我个人的理解.红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂 ...

  9. js数组操作记录

    一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. arrayObject.splice(index,howmany,item1,.....,itemX) 参数 描述 in ...

随机推荐

  1. JAVA进阶20

    1.可视化日历程序(简陋版) package cn.zh.abstrac; import java.text.DateFormat; import java.text.ParseException; ...

  2. AppCan

    启动服务 将app程序寄宿在计算机上,在计算机上调试:访问服务地址,将appToken值复制一下 在浏览器输入192.168.2.102:3000/appToken的值/文件路径后即可调试 入口文件 ...

  3. [经验交流] 试用基于 influxdb+kapacitor 的监控系统

    2017年10月16日: 使用中发现kapacitor的ui过于简单,不能满足实际工作需要,现已切换到grafana --------- 两个月前试用了基于 elasticsearch + xpack ...

  4. ICMP shell

    场景 反向shell的场景下使用 原理 ICMP作为获取反向shell的通道 实践 运行 run.sh报错,可能是因为用的Parrot.改一下就可以了 ifconfig | grep 'inet '| ...

  5. 题解 P4093 【[HEOI2016/TJOI2016]序列】

    这道题原来很水的? noteskey 一开始以为是顺序的 m 个修改,然后选出一段最长子序列使得每次修改后都满足不降 这 TM 根本不可做啊! 于是就去看题解了,然后看到转移要满足的条件的我发出了黑人 ...

  6. 记一次被吊打的排位赛（writeup）

    XMAN通行证 给了一串疑似base64的东西: a2FuYmJyZ2doamx7emJfX19ffXZ0bGFsbg== 解密后得到: kanbbrgghjl{zb____}vtlaln 想到应该是 ...

  7. （原创）lua日期、时间、时间戳的计算和转换

    ----------------------------------------------日期与时间 print("当前时间戳:") local nowTime = os.tim ...

  8. 使用SecureCRT做端口转发

    我的笔记本只能访问跳板机,跳板机是Linux系统,访问内网机器需要在跳板机内通过ssh命令访问,特别不方便,而且我们还需要访问Windows或web网站. 这是我们就可以做一个端口转发,通过自己的笔记 ...

  9. SSM框架中写sql在xml文件中

    第一种(用Mapper.xml映射文件中定义了操作数据库sql) 注意点: 1.#{}与${} #{}表示一个占位符,使用占位符可以防止sql注入, ${}通过${}可以将parameterType传 ...

  10. lombok @Accessors用法

    @Accessors 翻译是存取器.通过该注解可以控制getter和setter方法的形式. fluent 若为true,则getter和setter方法的方法名都是属性名,且setter方法返回当前 ...