js教程系列24:javascript-Array

Posted 2020-11-01 前端工程师·邢晋宇

1 数组-引用类型

javascript中的内置对象 复习数组的使用 两种创建数组的方式 Array对象的属性 length 获取数组的长度(元素个数)

2 常用方法 :

检测数组

instanceof Array.isArray() //html5中新增

转换数组

toString() //把数组转换成字符串，每一项用,分割

valueOf() //返回数组对象本身 join

 

-栈操作(先进后出)

-push()

pop() //取出数组中的最后一项，修改length属性

-队列操作(先进先出)

-push()

-shift()//取出数组中的第一个元素，修改length属性

-unshift() //在数组最前面插入项，返回数组的长度

-排序方法

reverse() //翻转数组

sort(); //即使是数组sort也是根据字符，从小到大排序

带参数的sort是如何实现的？

 

//join是把数组元素用特殊方式链接成字符串(参数决定用什么链接，无参默认用逗号链接)
    var arr = ["aa","bb","bb"];
    var str1 = arr.join();
    var str2 = arr.join(" ");//如果用空格的话，那么元素之间会有一个空格
    var str3 = arr.join("");//用空字符串，链接元素，无缝连接
    var str4 = arr.join("&");
    console.log(str1);
    console.log(str2);
    console.log(str3);
    console.log(str4);

3 其他常用方法

var arr = ["关羽","张飞","刘备"];
    var arr2 = [1,2,3];
    console.log(arr);
//    //在数组的最末尾添加元素（返回新数组的长度）
   // var aaa = arr.push("abc");
   var aaa = arr.push("abc","def");
   // var aaa = arr.push(arr2);
   // console.log(aaa);
   // console.log(arr);
//
//    //在数组的最末尾删除一个元素（返回新被删除的元素）
   // aaa = arr.pop();
   // console.log(aaa);
   // console.log(arr);


    //unshift在数组的最前面添加元素
    aaa = arr.unshift("abc");
    console.log(aaa);
    console.log(arr);

    aaa = arr.shift();
    console.log(aaa);
    console.log(arr);

 

 var arr1 = ["a","b","c"];
    var arr2 = [1,2,3];

    //concat把数组链接在一起
    var arr3 = arr1.concat(arr2);
//    console.log(arr1);
//    console.log(arr2);
    console.log(arr3);

    //slice数组的截取
//    var arr4 = arr3.slice(2);//["c",1,2,3]
    //var arr4 = arr3.slice(-2);//[2,3]
   // var arr4 = arr3.slice(4,2);//[]
   // var arr4 = arr3.slice(2,4);//["c", 1]索引值包括坐标的不包括右边的。
//    console.log(arr3);
//    console.log(arr4);

//    //splice操作和截取原数组
//    var arr5 = ["1111","1111","1111"];
//    //替换的元素不能是以数组形式存在，否则将整个数组放进原数组中。
    var arr4 = arr3.splice(0,3,"1111","1111","1111");
     console.log(arr3);//
     console.log(arr4);