<!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. rootkit后门检测工具

    1. 关于rootkit rootkit是Linux平台下最常见的一种木马后门工具,它主要通过替换系统文件来达到入侵和和隐蔽的目的,这种木马比普通木马后门更加危险和隐蔽,普通的检测工具和检查手段很难发 ...

  2. Win10蓝屏的一些解决办法

    请仔细回想这个错误是什么时候出现的: 第一次发生时你对系统做了哪些操作: 发生时正在进行什么操作: 从这些信息中找出可能的原因: 从而选择相应解决方案并尝试排除. 0x0000000A:IRQL_NO ...

  3. ubuntu 下开机启动项修复（进不去windows系统）

    1.终端输入: sudo gedit /etc/default/grub 2.更改: GRUB_DEFAULT=0    改为  GRUB_DEFAULT=4 GRUB_TIMEOUT=10  改为 ...

  4. WPF UserControl响应窗体的PreviewKeyDown事件

    目的 在UserControl页面实现通过快捷键打开新建窗口 实现过程 监听Window窗体的PreviewKeyDown 其实,使用KeyDown事件也是可以的 页面代码 <Window x: ...

  5. USB鼠标键盘数据格式以及按键键值

    鼠标发送给PC的数据每次4个字节 BYTE1 BYTE2 BYTE3 BYTE4 定义分别是: BYTE1 --        |--bit7:   1   表示   Y   坐标的变化量超出-256 ...

  6. 总结fiddle

    fiddler重新发送请求   模拟限速 http://caibaojian.com/fiddler.html fiddler模拟限速的原理 我们可以通过fiddler来模拟限速,因为fiddler本 ...

  7. Java数组的声明和遍历

    Java 数组 数组对于每一门编程语言来说都是重要的数据结构之一,当然不同语言对数组的实现及处理也不尽相同. Java 语言中提供的数组是用来存储固定大小的同类型元素. 你可以声明一个数组变量,如 n ...

  8. windows10环境下的RabbitMQ安装步骤（图文）

    https://blog.csdn.net/weixin_39735923/article/details/79288578 记录下本人在win10环境下安装RabbitMQ的步骤,以作备忘. 第一步 ...

  9. flex"

    很久以前,有面试官问过我如何实现"

  10. 《ServerSuperIO Designer IDE使用教程》-3.Modbus协议，读取多个寄存器，实现多种数据类型解析。发布：v4.2.2版本

    更新内容,v4.2.2版本:1.增加Modbus协议读取多个寄存器,并且按多种数据类型解析数据.2.Modbus Serial和Modbus TCP两个驱动合并成一个驱动.3.修改数据库结构,保存配置 ...