<!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 Socket实例

    可以实现客户端与服务端双向通信,支持多客户端连接,客户端断开连接,服务端不会出现异常 服务端代码: package com.thinkgem.jeesite.modules.socketTest.de ...

  2. Lombok插件看法浅谈

    背景 最近接触的几个工程中Lombok插件出现频率比较高,趁机了解一下原理. 简要说明: 受益于JSR 269 API,程序可以在编译阶段对AST进行节点的操作,从而注入相关的功能结点,从而包含在最终 ...

  3. python 中获取列表的索引

    1.index方法 list_a= [12,213,22,2,32]for a in list_a: print(list_a.index(a)) 结果: 0 1 2 3 4 如果列表的没有重复的话那 ...

  4. JAVA学习笔记（1）—— eclipse自动补全和主题及字体配置

    1.自动补全功能 (1)打开 Eclipse -> Window -> Perferences (2)选择Java -> Editor -> Content Assist -& ...

  5. 【转】pyhton之Reportlab模块——生成pdf文件

    [转]pyhton之Reportlab模块 reportlab模块是用python语言生成pdf文件的模块 安装:pip install reportlab 模块默认不支持中文,如果使用中文需要注册 ...

  6. TV TimeShift和PVR的区别

    Timeshift是在PVR菜单下,PVR菜单下一般有两个功能一个是刻录功能,一个是Timeshift功能,这两个功能都需要u盘或者内存卡的支持,刻录时把当前的节目刻录进优盘想看的时候还可以打开看,T ...

  7. expect 批量自动部署ssh 免密登陆 之 二

    #!/usr/bin/expect -f ########################################## hutu #Push the id.pas.pub public key ...

  8. C#发送带附件的邮件的代码

    如下的代码是关于C#发送带附件的邮件的代码. MailMessage m = new MailMessage();m.Subject = "File attachment!";m. ...

  9. Mac上重置mysql 5.7密码

    Mac上重置mysql 5.7密码 >我的mac系统是osx 10.12 装完mysql5.7之前根本登录不上,网上说用DMG方式装完后,后弹出一个框,上面会有临时密码,但是我安装的时候却手一抖 ...

  10. Safari无痕模式是不能只使用localStorage存储数据要用Cookie做补丁

    safari 无痕浏览情况测试(部分手机)   1.测试机型 iPhone7 Plus  版本 11.3 iPhone6 Plus  版本 11.3.1 iPhone6    版本 10.2.1 iP ...