JavaScript——引用类型之Array篇（数组的基本操作）

最新推荐文章于 2025-09-04 16:59:09 发布

原创最新推荐文章于 2025-09-04 16:59:09 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数组

Javascript 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了JavaScript中数组的创建及各种操作方法，包括栈方法、队列方法、重排序方法和位置方法等，并通过示例代码展示了每种方法的具体用法。

创建数组

        var arr1 = [];
        var arr2 = [1,2,3,4];
        var arr3 = Array(3);

        console.log("空数组"+arr1.length);  //0
        console.log(arr2);                  
        console.log(arr3.length);           //3
        console.log(arr3 instanceof Array); //true

栈方法(LIFO)

push():添加到数组末尾

pop():删除最后一项

var arr2 = [1,2,3,4];
arr2.push("hello");
console.log(arr2);  // [1, 2, 3, 4, "hello"]
arr2.pop();
console.log(arr2);  // [1, 2, 3, 4]

队列方法(FIFO)

shift:移除数组的第一项，并返回该项

unshift:在数组前端添加任意一项并返回新数组的长度

var arr2 = [1,2,3,4];
var item = arr2.shift("hello");
console.log(item);                  //1
var len = arr2.unshift("hello");    
console.log(arr2+"长度"+len);     //hello长度4

重排序方法

sort()

reverse()

arr.sort()
arr.reverse()

操作方法

concat():

slice():接受两个参数，起始位置和结束位置，返回的数组包含其实位置但不包含结束位置

splice()：在指定位置删除插入多项，返回原数组中删除的项

    var arr = ["zl"];
    var aa = ["hello"];
    var bb = [1,2,3,4,5];
    var cc = aa.concat(arr);

    console.log("arr+aa: "+arr+aa);//zlhello
    console.log(aa);  //["hello"] 原数组没有改变
    console.log(cc);  // ["hello", "zl"]

    cc = bb.slice(0,3);
    console.log(bb);    //[1, 2, 3, 4, 5] 原数组没有被修改
    console.log(cc);    //[1,2,3]


    var myarr = [1,2,3,4,5];
    var dd = myarr.splice(0,5,"hello","my","dear");
    console.log(myarr);     // ["hello", "my", "dear"],修改了原数组的值
    console.log(dd);        // [1, 2, 3, 4, 5]

位置方法

var myarr = [4,1,4];
console.log(myarr.indexOf(4));      //0
console.log(myarr.lastIndexOf(4));  //2

续