javascript入门之数组[新手必看]_javascript技巧

一、定义数组。

    定义数组有两个方法:

    1、var arr1 = [];  //定义一个空数组

    2、var arr2 = [1,2,3,"str1","str2"];  //定义一个有5个元素的数组。

    3、var arr3 = new Array(3);  //定义一个空数组

    4、var arr4 = new Array(1,2,3,"str1","str2");  //定义一个指定长度为5的数组。

二、数组元素的读和写。

    arr[0];    //读取第一个数组元素

    arr[0] = "str1";  //改变数组第一个元素的值。

三、稀疏数组。

    稀疏数组表示从0 开始不连续索引的数组。通常数组的length代表元素中元素个数,如果数组是稀疏的,length属性值将大于元素的个数。

    in 操作符用于检测元素在某位置是否存在元素,注意undefined也算存在。

    如:var a1 = [,,];

      var a2 = new Array(3);

      0 in a1;  //true,因为a[0]有undefined元素

      0 in a2;  //false,a2在索引0处没有元素

四、数组长度

    length属性用于标志数组的长度

    如:var arr = [1,2,3,4,5];

      arr.length;  //5 arr数组有5个元素

五、数组元素的添加和删除

    push:  //在数组的末尾添加一个元素

    var arr = [1,2,3];

    arr.push(4,5);    //arr变为[1,2,3,4,5]

    delete: //删除数组某个位置的元素

    var arr = [1,2,3]

    delete arr[1]  //arr变为[1,,3]

    1 in arr      //false

六、数组的遍历

    数组的遍历通常使用for语句来实现

    var arr = [1,2,3,4,5];

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

      if(!a[i]) continue;        //跳过null,undefined和不存在的元素

    }

七、多维数组

    多维数组就是数组里的元素还是数组

    如:var arr = [[1,2,3],[,4,5,6]];

      arr[1][1];  // 5

八、数组方法

    1、 join()  用于将数组中所有元素都转化为字符串 并连接在一起,还可以自定义连接字符

      var arr = [1,2,3];

      arr.join();    // => "1,2,3"

      arr.join("==");   // => "1==2==3";

     2、 reverse()  用于将数组元素的顺序颠倒

      var arr = [1,2,3];

      arr.reverse();  //arr数组变为[3,2,1]

     3、 sort();   //用于对数组内的元素进行排序。可以传入一个函数用作排序,如果为空,则按字母顺序排序。undifined元素排到最后

      var arr = [1,2,3];

      a.sort(function(a,b){

        return a-b; //排序标准 负数 0 正数,比较结果先返回小的那个 

      });  //arr数组的值为[1,2,3]  如果第二个条件变为b-a则结果为[3,2,1]

      4、concat()  //用于组合一个新的数组,返回一个新的数组

      var arr = [1,2,3]

      arrnew = arr.concat(4,5)  //arrnew数组为[1,2,3,4,5]

      arrnew1 = arr.concat([4,5],[6,7]);  //arrnew1数组为[1,2,3,4,5,6,7]

      5、slice()  //用于返回数组指定区间的元素组成的数组,如果输入一个参数,则是从这个参数到结束之间的数组。两个参数就是,第一个参数是起始位置,第二个参数是个数。

       var arr = [1,2,3,4,5];

       var arr1 = arr.slice(2);  //[3,4,5]

       var arr2 = arr.slice(1,3); //[2,3]

     6、splice()   删除或者添加元素。会改变原数组本身,相当于C#中的引用(ref),原数组是删除的元素组成的数组,返回值是剩下的元素组成的数组。

      var arr = [1,2,3,4,5];

      var arr1 = arr.splice(1,3);  //arr为[2,3,4],返回的数组arr1为[1,5]

      var arr2 = [1,2,3,4,5];

      var arr3 = arr2.splice(2,0,'a','b');  //从第2位开始删除,删除两个元素,然后从该位置插入'a','b';arr2为[],因为没有删除任何元素,arr3[1,2,'a','b',3,4,5]

      7、 push()与pop()  在数组尾部添加或删除一个元素,添加时返回之为最后一个添加的元素,删除时。返回值为删除的那个元素。

      push()  函数在数组尾部添加一个元素。

      pop()   函数删除数组的最后一个元素。

      var arr = [1,2,3]

      arr.push(4);  //arr为[1,2,3,4]

      var arr1 = [1,2,3]

      arr.pop();   //arr1为[1,2]

      8、unshift()和shift()

      shift(),unshift()与push(),pop()只不过,是在数组头部操作而非尾部。

      shift()  在数组头部移除一个元素,返回值为被删元素。

      unshift() 在数组头部添加一个元素,返回组为最后一个添加的元素。

      var arr = [1,2,3];

      var a = arr.shift();  //arr变为[2,3] a为1

      var arr1 = [1,2,3];

      var b = arr1.unshift([4,5]);  //arr1变为[4,51,2,3],b为4  返回最后一个添加的,先添加5再添加4

      9、toString()和toLocaleString()  将数组转化为字符串

      var arr = [1,2,3]

      arr.toString();  //生成"1,2,3"  与不使用任何参数的join()是一样的。

二、ECMAScript中的数组方法

    1、forEach()  forEach() 从头到尾遍历数组,为每个元素调用指定的函数。

      var arr = [1, 2, 3, 4, 5];
        var sum = 0;
        arr.forEach(function (value) {
            sum = sum + value;
        });
        document.write(sum);  //sum最终为15

     2、map()  map()方法将调用的数组的每个元素传递给指定的函数,并返回一个数组。

      var arr = [1, 2, 3, 4, 5];
        var arr1 = arr.map(function (value) {
            return value + 1;
        });
        document.write(arr1.join()); //arr1为[2,3,4,5,6]

     3、filter()  filter()过滤,返回的元素是调用数组的一个子集,过滤掉不符合条件的元素。

        var arr = [1, 2, 3, 4, 5, 6];
        var arr1 = arr.filter(function (i) { return i % 2 == 0 });
        document.write(arr1.join());  //arr1为[2,4,6]

     4、every()和some()  

      every()当且仅当数组里的所有元素调用判定函数都返回true,它才返回true。第一次返回false就停止遍历。

      some()当数组里存在一个元素调用判定函数返回true,它就返回true。第一次返回true就停止遍历。

        var arr = [1, 2, 3, 4, 5, 6];
        var a = arr.every(function (x) { return x > 3; });
        var b = arr.some(function(y){ return y > 3; });
        document.write("a的值是:" + a);  //a的值是false,a中不是所有元素大于3
        document.write("b的值是:" + b);  //b的值是true,b中存在元素大于3

     5、reduce()和reduceRight()

      reduce()  将数组中的元素以指定函数进行组合,生成单个值,第一个参数是简化操作函数,第二个参数是传递给函数的初始值。最后结果是初始值再按组合函数与最后结果计算一次。第二个参数即初始值可以省略,当初始值省略就直接从第一个元素开始计算。

        var arr = [1, 2, 3, 4, 5, 6];
        var count = arr.reduce(function (x, y) { return x + y; },0);
        document.write(count);
      reduceRight();  与reduce()唯一的不同就是它从右至左选择元素进行计算。

     6、indexOf()和lastInsexOf()

     indexOf()  indexOf()从头至少尾返回找到的第一个元素的索引。

     lastIndexOf()  lastIndexOf()倒序查找元素,返回第一个找到元素的索引。

        var arr = [1, 2, 3, 2, 1];
        var i = arr.indexOf(2);  //从头至尾搜索,第一次遇见2是arr[1],因此返回1
        var j = arr.lastIndexOf(2);  //从尾至头搜索,第一次遇见2是arr[3],因此返回3
        document.write(i + "<br/>");
        document.write(j);

     7、Array.isArray();  //判定一个对象是否数组对象

        var arr = [1, 2, 3];
        var str = "str1";
        document.write(Array.isArray(arr));  //返回true arr是数组对象
        document.write(Array.isArray(str));  //返回false str是字符串,并非数组对象
 

时间: 2024-10-02 04:24:51

javascript入门之数组[新手必看]_javascript技巧的相关文章

JavaScript必看小技巧(必看)_javascript技巧

在这篇文章中将给大家分享有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: functio

js删除数组元素、清空数组的简单方法(必看)_javascript技巧

一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删除数组元素 var ary = [1,2,3,4]; ary.splice(0,1); 或 ary.splice($.inArray(2, ary), 1); 其中$.inArray(2, ary)用来查找某元素在数组中的索引位置. 三,js 删除数组几种方法 var arr=['a','b','c

Java正则表达式入门基础篇(新手必看)_正则表达式

正则表达式是一种可以用于模式匹配和替换的规范,一个正则表达式就是由普通的字符(例如字符a到z)以及特殊字符(元字符)组成的文字模式,它 用以描述在查找文字主体时待匹配的一个或多个字符串.正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配. 众所周知,在程序开发中,难免会遇到需要匹配.查找.替换.判断字符串的情况发生,而这些情况有时又比较复杂,如果用纯编码方式解决,往往会浪费程序员的时间及精力.因此,学习及使用正则表达式,便成了解决这一矛盾的主要手段. 大家都知道,正则表达式是一种可以

sencha ext js 6 快速入门(必看)_javascript技巧

Sencha Ext JS号称是目前世界上最先进和最强大的.支持多平台多设备的JavaScript应用程序开发框架.首先看一下Ext JS的发展简史. 1 Ext JS发展简史 1.YUI-Ext的作者Jack Slocum(杰克.斯洛克姆)打算对基于BSD协议的Yahoo User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI: 2.在2006年底,YUI-Ext被简化为Ext,反映了它作为一个框架的成熟和独立.该公司成立于2007年初,Ext现在为双执照,

js两种拼接字符串的简单方法(必看)_javascript技巧

如下所示: function(msgArr) { var len = msgArr.length; var n = 0 ; var htmlSpan = ""; for (var j = 0; j < len - 1; j++) { htmlSpan += '<span>·</span>'; } htmlSpan += '<span class="on">·</span>'; var imgs = []; var

清除浏览器缓存的几种方法总结(必看)_javascript技巧

关于浏览器缓存 浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能.但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据.像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的.今天主要介绍清除缓存的几种方法. 清理网站缓存的几种方法 meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-

js字符串引用的两种方式(必看)_javascript技巧

如下所示: function setName(obj) { obj.ok = "ccccccc"; } function aa() { var name = new String("hechangmin"); name.ok = "sdf"; //第一种方式 // String.prototype.ok = "aaaaa"; //第二种方式 alert(name.ok); // aaaaa setName(name); ale

JavaScript中清空数组的方法总结_javascript技巧

 方式1,splice var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 [],空数组,即被清空了 方式2,length赋值为0 这种方式很有意思,其它语言如Java,其数组的length是只读的,不能被赋值.如 int[] ary = {1,2,3,4}; ary.length = 0; Java中会报错,编译通不过.而JS中则可以,且将数组清空了, var ary = [1,2,3,4]; ary.l

javascript中Array()数组函数详解_javascript技巧

在程序语言中数组的重要性不言而喻,JavaScript中数组也是最常使用的对象之一,数组是值的有序集合,由于弱类型的原因,JavaScript中数组十分灵活.强大,不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. Array()是一个用来构建数组的内建构造器函数.数组主要由如下三种创建方式: array = new Array() array =