<!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. 模拟登陆github

    import requests from lxml import etree class Login(object): def __init__(self): self.headers = { 'Re ...

  2. 【作业4.0】HansBug的第四次面向对象课程思考

    嘛..不知不觉这门课程要结束了,那么就再说点啥以示庆祝呗. 测试vs正确性论证 说到这个,相比很多人对此其实很有疑惑,请让我慢慢分析. 逻辑概览 首先我们来看看两种方式各自的做法和流程是什么样的: 单 ...

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

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

  4. kali下的webshell工具-Weevely

    Weevely ------------------------------------------------ 主要特点: ·         隐蔽的类终端的PHP webshell ·       ...

  5. 分布式系列十: Redis安装和命令

    redis是一个开源的, 内存数据结构存储, 一般用来作为数据库,缓存和消息代理. Redis的优势 多种数据结构 字符类型String 散列类型Hash 列表类型List 集合类型Set 有序集合类 ...

  6. IDEA中执行MAVEN命令打jar包

    SpringBoot Jar包打包 1.工程POM配置packaging为jar. <packaging>jar</packaging> 2.增加MAVEN运行配置 添加MAV ...

  7. yii2修改默认控制器

    ---------------------------------- 默认的控制器为site,修改文件 vendor\yiisoft\yii2\web\Application.php public $ ...

  8. .Net core----mongodb在插入数据时，会产生时间差的问题

    今天在给mongodb插入日期格式的数据时发现,日期时间相差8个小时,原来存储在mongodb中的时间是标准时间UTC +0:00,而中国的时区是+8.00 . 因此在插入的时候需要对时间进行处理: ...

  9. C#获取用户登录IP地址

    public static string GetUserIp() {        string ip;        string[] temp;        bool isErr = false ...

  10. C# 高级编程01----.Net基础介绍

    一.C#与.Net 的关系 1)C#语言 1. C#是一种简洁.类型安全的面向对象语言,可以使用C#语言创建可以在.Net Framework上运行的应用程序 2. C# 语言功能取决于.Net 的功 ...