javascript学习之数组(12)—— 数组 常用方法

本文详细介绍了JavaScript中的数组方法,包括toString、join、push、pop、unshift、shift、concat、slice和splice等方法的使用方式及示例代码。通过这些方法可以实现数组的常见操作,如转换为字符串、添加或删除元素、拼接数组、切片和替换等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

toString方法

toString() :把数组中的数据转换成字符串并返回

示例代码:

        var arr=["张三",25,"北京"];
        alert(arr.toString());

效果图:
这里写图片描述

join方法

join() :使用指定的分隔符把数组中的数据连接成字符串

示例代码:

var arr=["张三",25,"北京"];
alert(arr.join("*"));//用*号来分隔

效果图:
这里写图片描述

push方法

push() :向数组末尾添加数据,并返回数组的长度

示例代码:

         var arr=["张三",25,"北京"];
        alert(arr.push("test"));//向末尾添加数据
        alert(arr);//弹出数组内容

效果图:
这里写图片描述

pop方法

pop() :删除数组末尾的数据,并返回删除的数据

示例代码:

        var arr=["张三",25,"北京"];
        arr.push("test");//添加一个数据
        alert(arr.pop());//删除最后一个,并返回删除的数据

效果图:
这里写图片描述

unshift方法

unshift() :向数组开头添加数据,并返回数组的长度

示例代码:

        var arr=["张三",25,"北京"];
        arr.push("test");//末尾添加一个数据
        alert(arr.unshift("unshift"));//开头添加数据,返回数组长度

效果图:
这里写图片描述

shift方法

shift() :删除数组开头添加数据,并返回被删除的数据

示例代码:

        var arr=["张三",25,"北京"];
        arr.push("test");//末尾添加一个数据
        arr.unshift("unshift");//开头添加数据,返回数组长度
        alert(arr.shift());//删除数组开头添加数据,并返回被删除的数据

效果图:
这里写图片描述

concat方法

concat() :基于当前数组创建一个新数组,并返回该数组

示例代码:

        var arr=["张三",25,"北京"];
        arr.push("test");//末尾添加一个数据
        arr.unshift("unshift");//开头添加数据,返回数组长度
        var a=arr.concat("concat");//基于当前数组创建一个新数组,并返回该数组
        alert("concat方法:"+a);
        alert("原有数组:"+arr);

效果图:
这里写图片描述

slice方法

slice() :基于当前数组获取指定区域元素,并返回一个新数组。

示例代码:

        var arr=["张三",25,"北京"];
        var b=arr.slice(0,2);//从下标0开始,截取到下标2的前一个位置
       alert("截取的数组:"+b);//弹出截取的内容 张三,25
       alert("原有的数组:"+arr);//弹出原数组

效果图:
这里写图片描述

splice方法

splice() :删除、插入、替换

splice删除功能示例代码:

        var arr=["张三",25,"北京"];
        var c=arr.splice(0,2);//从下标0开始,截取到下标2的前一个位置,并删除原数组中截取的数据
        alert("截取的数组:"+c)
        alert("原有的数组:"+arr)

效果图:
这里写图片描述

splice插入功能示例代码:

        var arr=["张三",25,"北京"];
        var d=arr.splice(2,0,"插入");//从下标2开始,删除0个,插入新数据
        alert("原有的数组:"+arr)

效果图:
这里写图片描述

splice替换功能示例代码:

        var arr=["张三",25,"北京"];
        var e=arr.splice(2,1,"上海");//从下标2开始,选中个,替换新数据
        alert("原有的数组:"+arr)

效果图:
这里写图片描述

个人微信公众号:

这里写图片描述

如果我的文章对您有帮助,微信支付宝打赏:

这里写图片描述
这里写图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值