面向对象认识JS-内置对象(重点)--array

Posted 李大白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面向对象认识JS-内置对象(重点)--array相关的知识,希望对你有一定的参考价值。

array 

组合记忆 shift unshift pop push

添加和删除
shift unshift 从数组开头开始添加或者删除
pop push 从数组末尾添加或者删除

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

    var arr1 = [1,2,3,4,5];
    var result = arr1.shift(); //a:[2,3,4,5] b:1

unshift:将参数添加到原数组开头,并返回数组的长度

 arr1 = [1,2,3,4,5];
    result = arr1.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7

//注:在IE6.0下测试返回值总为undefined,
//FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined 

 arr1= [1,2,3,4,5];
    result = arr1.pop(); //a:[1,2,3,4] b:5

push:将参数添加到原数组末尾,并返回数组的长度  

    arr1 = [1,2,3,4,5];
    result = arr1.push(6,7); //a:[1,2,3,4,5,6,7] b:7

concat数组合并

   //concat:返回一个新数组,是将参数添加到原数组中构成的
    arr1 = [1,2,3,4,5];
    result = arr1.concat(6,7); //a:[1,2,3,4,5] b:[1,2,3,4,5,6,7]

排序 sort 从小到大 reverse 从大到小

    arr1 = [1,2,3,4,5];
    result = arr1.sort(); //[1,2,3,4,5]

    arr1 = [1,2,3,4,5,8,34];
    result = arr1.reverse(); //[34,8,5,4,3,2,1]

slice(start,end) 数组截取 

slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组,但不包括结束位置的项  

    arr1 = [1,2,3,4,5];
    result = arr1.slice(2,5); //[3,4,5]
    result = arr1.slice(2);   //[3,4,5]     在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项;

join(separator) 数组拼接成字符串 

    //将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
    arr1 = [1,2,3,4,5];
    result = arr1.join("|"); //a:[1,2,3,4,5] b:"1|2|3|4|5"

 splice 

splice(start,deleteCount,val1,val2,...):
从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...

 数组扩展方法---去除数组中的重复项

 Array.prototype.unique = function() {
        var a = []; var l = this.length;
        for (var i = 0; i < l; i++)
        {
            for (var j = i + 1; j < l; j++)
            {
                if (this[i] === this[j]) j = ++i;
            }
            a.push(this[i]);
        }
        return a;
    };

    var arr = [1,2,3,4,5,6,6,7,7,77,7,]
    console.log(arr.unique())

  

 





以上是关于面向对象认识JS-内置对象(重点)--array的主要内容,如果未能解决你的问题,请参考以下文章

面向对象认识JS-内置对象

JS内置对象四个重点对象

高级js学习面向对象阶段。

js对象属性与Bom

js的内置对象和java类的区别

Python面向对象编程02:深度认识类class