js之数组方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js 数组</title>
</head>
<body>
    <script>
        /*数组的创建*/
        var arr1=new Array();//[],length=0
            arr2=new Array(10);//[],length=10
            arr3=new Array([1,2,3,4,5,6,7,8,9,10]);//[Arry[10]],length=1
            arr4=new Array(1,2,3,4,5,6);//[1,2,3,4,5,6],length=6
            arr5=[1,2,3,4,5,6,7,8,9,10,11]//[1,2,3,4,5,6,7,8,9,10,11],length=11
        /*console.log(arr1);
        console.log(arr2);
        console.log(arr3);
        console.log(arr4);*/
        /*注意带[]和不带[]的区别*/
        /*数组元素的添加*/
        var arr=[1,2,3,5,6,7];
        console.log(arr);

        var arrPush1=arr.push("1");
        console.log(arr);
        console.log(arrPush1);
        var arrPushDuo=arr.push(2,3,4,5)
        console.log(arr);
        console.log(arrPushDuo);

        var arrUnshift=arr.unshift(1);
        console.log(arr);
        console.log(arrUnshift);
        var arrUnshift=arr.unshift(1,2,3,4);
        console.log(arr);
        console.log(arrUnshift);

        var arrSplice=arr.splice(3,2,"1","2","3","4","5","6");
        console.log(arr);
        console.log(arrSplice);
        /*
        数组添加总结:
        push(),从尾部添加,修改原数组,返回新数组长度;
        unshift(),从头部添加,修改原数组,返回新数组长度;
        splice(star,num,ele0……),从star添加,先删除原数组的num个元素,ele0从star位置往后添加,返回数组,数组元素为原数组中被删除的元素
        */

        /*数组元素的删除*/
        var arr=[1,2,3,5,6,7];
        console.log(arr);

        var arrPop1=arr.pop();
        console.log(arr);
        console.log(arrPop1);

        var arrShift=arr.shift();
        console.log(arr);
        console.log(arrShift);

        var arrSplice=arr.splice(3,2);
        console.log(arr);
        console.log(arrSplice);
        /*
        数组删除总结:
        pop()|shift(),从数组头|数组尾删除一个数组元素,返回被删除的数组元素
        splice(star,num,ele0……),从star添加,先删除原数组的num个元素
        */
        /*数组元素的截取和合并*/
        var arr=[1,2,3,5,6,7];
        console.log(arr);

        var arrSlice1=arr.slice(1,5);
        console.log(arr);
        console.log(arrSlice1);
        var arrSlice2=arr.slice(-5,-1);
        console.log(arr);
        console.log(arrSlice2);
        var arrSlice3=arr.slice(0);
        console.log(arr);
        console.log(arrSlice3);    

        var arrConcat=arr.concat();
        console.log(arr);
        console.log(arrConcat);

        var arrConcat1=arr.concat([1,2,3]);
        console.log(arr);
        console.log(arrConcat1);

        var arrConcat2=arr.concat([1,[2,3,4],3]);
        console.log(arr);
        console.log(arrConcat2);

        /*
        数组截取和合并总结:
        slice(start,end),从原数组中的start位置开始,截取至end位置,但不包括end位置,即截取区间为[start,end),不改变原数组,返回值为截取的新数组。
        ps:若没有end,则从start位置直至最后一位元素。当start为0时,相当于创建数组的副本
        concat([elem0,elem1……])|concat(ele0,elem1……)|concat()
        concat()相当于创建原数组的副本;
        concat([elem0,elem1……])|concat(ele0,elem1……),在原数组的尾部追加elem0……,在追加时,会将传入的数组参数拆分,但是只拆分一层数组元素
        */

        /*数组字符串化*/
        var arr=[1,2,3,5,6,7];
        console.log(arr);
        console.log(arr.join(""));
        console.log(arr.join("|"));
        console.log(arr.join(";"));

        /*ps 字符串数组化*/
        var str="hello,world!";
        console.log(str.split(""));

    </script>
</body>
</html>

js数组方法总结:

1 创建  ……

2 添加

  push()|unshift() 从数组尾部|头部添加一或多个数组元素,返回值为新数组的长度,改变原数组

  splice(start,num,elem0……) 从数组的start位置开始,删除num个原数组元素,添加elem0……,返回值为被删除的原数组元素,改变原数组

3 删除

  pop()|shift() 从数组的尾部|头部删除一个数组元素,返回值是被删除的数组元素,返回值不是数组的形式,改变原数组

  splice(start,num,elem0……) 从数组的start位置开始,删除num个原数组元素

4 截取|合并|拷贝

  slice(start,end) 从数组的start位置开始,至end位置结束,截取此区间的原数组元素,[start,end),半闭合区间。start,end都可为负数,负数是指从数组尾部算起,最后一个元素为-1。若不指定end,则指从start位置开始直至数组尾部。若start为0,则为创建原数组副本。不改变原数组,返回值为数组,数组元素为从原数组截取的部分元素。

  concat([elem0……])|concat(elem0……)|concat(0)  不改变原数组,返回值为数组,数组元素为原数组和concat中参数合并后的新数组

  concat()相当于创建原数组的副本;

  concat([elem0,elem1……])|concat(ele0,elem1……) 在原数组的尾部追加elem0……,在追加时,会将传入的数组参数拆分,但是只拆分一层数组元素

5 数组字符串化

  join("sign") 不改变原数组。返回值为字符串,以sign分隔的数组元素的字符串表示。默认为“;”

6 字符串数组化

  str.split("")

时间: 2024-10-13 05:36:25

js之数组方法的相关文章

JS部分数组方法

JavaScript——部分数组方法 1.push() 可以接收任意数量的参数,,把它们逐个添加到数组末尾,并返回修改后的数组的长度. var arr = [1, 2,3]; var op = arr.push("echo 'hello world!'"); //4 console.log(arr); //[1,2,3,echo 'hello world!'] 2.pop() 从数组末尾移除最后一项,减少数组的length值,然后返回移除的项. var arr = [1, 2,3];

js的数组方法整理

slice 从已有的数组中返回选定的元素.该方法不会修改数组,而是返回一个子数组. 语法:arr.slice(start,end) start: 必须,规定从何处开始选取.如果是负数,就是从尾部开始算起的位置(-1指最后一个元素,-2指倒数第二个元素): end:   可选,规定从何处结束选取.如果没有指定,则切分的数组包含从start到数组结束的所有元素. 示例: 1 var arr = [0, 4, 5, 4, 7, 6, 9]; 2 arr.slice(2, 4); //[5,4] 3 a

JS中数组方法的封装之slice

slice方法的功能 // 1) : 数组的截取 // 2) :slice(m,n): 从数组索引m开始,截取到索引n,但是不包含n;[前包后不包] // slice(m) : 从索引m开始,截取到末尾: // slice():数组的克隆 slice(0); // // 索引负数: 让当前length+负数: // 3) : 返回值是截取的数组 // 4) : 原有数组不发生改变: /** * 首先:先分清楚slice有几种情况,slice的思想 * 传的参数可以是其他类型的数据,只要能转成有效

js Array 数组方法扩展

//去重复 Array.prototype.unique = function() { this.sort(); var re=[this[0]]; for(var i = 1; i < this.length; i++) { if( this[i] !== re[re.length-1]) { re.push(this[i]); } } return re; } //并集 Array.prototype.union = function(a) { return this.concat(a).u

java实现js的数组方法join

public static String join( Object[] o , String flag ){     StringBuffer str_buff = new StringBuffer();        for(int i=0 , len=o.length ; i<len ; i++){         str_buff.append( String.valueOf( o[i] ) );         if(i<len-1)str_buff.append( flag );  

js中数组去重的几种方法

js中数组去重的几种方法         1.遍历数组,一一比较,比较到相同的就删除后面的                 function unique(arr){                         for(var i=0;i<arr.length;i++){                                 for(var j=i+1;j<arr.length;j++){                                         if(ar

【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 7.位置方法 8.迭代方法 9.归并方法 在实例中介绍,实例如下 /* Array类型 js数组中的每一项可以用来保存任何类型的数据:js数组的大小是可以动态调整的 */ var colors = ["red", "blue", "green"];

js类数组转数组的方法(ArrayLike)

1. 什么是类数组ArrayLike 拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字符串来处理,这里你可以当做是个非负整数串来理解) 不具有数组所具有的方法 //类数组示例 var a = {'1':'gg','2':'love','4':'meimei',length:5}; Array.prototype.join.call(a,'+');//'+gg+love++meimei' //非类数组示例 var c = {'1':2}; //没有length属性就不是类数

Js删除数组重复元素的多种方法

js对数组元素去重有很多种处理的方法,本篇文章中为网络资源整理,当然每个方法我都去实现了:写下来的目的是希望自己活学活用,下次遇到问题后方便解决. 第一种 1 function oSort(arr){ 2 var result={}; 3 var newArr=[]; 4 for(var i=0;i<arr.length;i++){ 5 if(!result[arr[i]]){ 6 console.log(result[arr[i]]); //看看输出的是什么 7 newArr.push(arr