<!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. word20170102日用家电 household appliances

    1. Vacuum cleaner: 吸尘器 2.Cordless vacuum cleaner: 无线吸尘器 3.Robotic vacuum cleaner: 机器人吸尘器 动词:to vacuu ...

  2. js原型杂谈

    1.通俗点讲原型对象就是内存中为其他对象提供共享属性和方法的对象. 2.所有原型对象都具备一个constructor属性,这个属性是一个指向包含prototype属性函数的一个指针(敢不敢再绕点!). ...

  3. E: Unable to locate package clang-7 E: Unable to locate package clang++-7 E: Couldn't find any package by regex 'clang++-7'

    我的系统是Debian 9.8, 然后在装下面这两个包的时候老是提示找不到.然后再github上一问,过了几分钟就有大佬回复了,而且亲测有效 ~$ sudo apt-get -y install cl ...

  4. MariaDB Galera Cluster部署实践

    原理 官方地址:http://galeracluster.com/documentation-webpages/index.html Galera Cluster与传统的复制方式不同,不通过I/O_t ...

  5. cv::Mat类之type成员

    CV_8UC3 -->16 CV_8UC3 表示存储元素的数据类型为 8bit unsigned char 类型,通道数C = 3 为什么OpenCV中type为CV_8UC3的图像 输出其ty ...

  6. IAR 关于C++几个内存的使用及释放的问题

    由于之前工作中常常遇到,但是遇到的时候工作总是要求比较紧急,没有那么多时间细细寻找有效的解决办法.现在了解到了一些,记录一些. 1. string vector 都是增量在堆里,所以只要有增量都是在堆 ...

  7. codeforces 343D 树剖后odt维护

    子树修改+路径修改+单点查询 树链剖分+区间维护即可 由于只有单点查询,我直接用了odt,复杂度还行 #include<bits/stdc++.h> #define endl '\n' # ...

  8. Centos安装Git、DotNet、Docker

    1.安装Git yum install git 可通过下面的命令查看Git版本 git --version 2.安装Dotnet sudo yum install libunwind libicu 导 ...

  9. ZOJ1008

    题目: ZOJ 1008 分析: 重排矩阵, 虽然题目给的时间很多, 但是要注意剪枝, 把相同的矩阵标记, 在搜索时可以起到剪枝效果. Code: #include <bits/stdc++.h ...

  10. Android运行时权限

    Android 6.0加入了运行时权限这一概念.对于危险权限,应用必须在使用的时候进行申请.可以使用命令行查看危险权限:adb shell pm list permissions -d -g CALE ...