您正在使用 IPV4 [18.97.9.171] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境,构建和谐社会      

【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中      
[公益] 地球是我家,绿化靠大家       广州婚姻调查公司      
2025年 劳动节 003
2025年 高 考 040
2026年 元 旦 248
2026年 春 节 295
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
JS数组的常用10种方法详解
内容摘要: 在数组末尾插入元素arr.push(value),在数组的末尾添加一个或多个元素,并返回数组的新长度。例如:letarr=[1,2,3,4,5]varlongth=arr.push(6,7);console.log(arr,longth);数组的arr的值变为arr[1,2,3,4,5,6,7];length接收返回的是修改后数组的长度7;删除数组末尾的元素......
在数组末尾插入元素

arr.push(value),在数组的末尾添加一个或多个元素,并返回数组的新长度。

例如:

letarr=[1,2,3,4,5]

varlongth=arr.push(6,7);

console.log(arr,longth);

数组的arr的值变为arr[1,2,3,4,5,6,7];

length接收返回的是修改后数组的长度7;

删除数组末尾的元素

arr.pop()删除索引值最大的元素,并返回被删除的元素。

letarr=[1,2,3,4,5]

vardelElement=arr.pop();

console.log(arr,delElement);

arr的值为[1,2,3,4],delElement的值为5

arr.pop()的与arr.length--的效果一样,但arr.length--没有返回值;

在数组的头部插入元素

unshift(value);在数组的头部添加一个或多个元素,并返回数组的新长度

letarr=[1,2,3,4,5]

varlength=unshift(0);

console.log(arr,length);//arr的值为[0,1,2,3,4,5];length的值为更改后数组的长度6;

删除数组的头部元素

shift();删除索引为0的元素,并返回删除的元素

letarr=[1,2,3,4,5]

vardelElement=unshift();

console.log(arr,delElement);

arr的值为[2,3,4,5];delElement的值为被删除的元素1;

数组和数组(或元素)的合并

concat()合并数组或元素,返回新的数组,原数组不会改变

letarr=[1,2,3,4,5]

letnewArr=arr.concat([6,7,8],9,10);

console.log(newArr,arr);

newArr的值为[1,2,3,4,5,6,7,8,9,10];

arr的值还是原来的[1,2,3,4,5];

concat()还可以复制一个新数组;

letcopyArr=arr.concat();//copyArr的值和arr的相同

在数组中添加删除或替换元素

splice();在任意位置添加或删除元素,返回删除或被替换的值,如果没有被删除或替换则返回空数组;

splice()方法会修改原数组的值;

只有一个值时,从当前位置删除到数组末尾

letarr=[1,2,3,4,5];

letnum1=arr.splice(1)

console.log(num1;arr)//num=[2,3,4,5];arr=[1];

有两个值时,第一个值为删除的位置,第二个值为删除的个数;

letarr=[1,2,3,4,5];

letnum1=arr.splice(2,3)//删除从索引值2开始的3个元素

console.log(num1;arr);//num1=[3,4,5],arr=[1,2]

有三个或者多个值时,第一个值为插入元素的位置,第二个值为替换的个数,后面的值都为插入的新元素;

letarr=[1,2,3,4,5];

letnum2=arr.splice(2,1,6,7,8);//从索引值2开始替换掉1个元素,并且插入6,7,8

//如果第二个值为0,则不替换,直接插入6,7,8;

console.log(num2;arr);//被替换的值num2=[3];arr=[1,2,6,7,8,4,5]

截取复制数组指定位置的内容

slice(开始位置,结束位置);第二个参数不写默认到尾部,只能从前往后截取;返回的值为截取到的内容形成的新数组;

letcopyArr=arr.slice();//slice()或者slice(0)都可以复制数组;

letarr=[1,2,3,4,5];

letnewArr=arr.slice(1,3);//截取索引1到索引3(不包括3)的值;

console.log(newArr,arr);//newArr=[2,3];arr=[1,2,3,4,5];

slice()方法不会更改到原数组的值

指定字符连接字符串

join();数组的每个元素以指定的字符连接形成新字符串返回;

letarr=[1,2,3,4,5];

letnewArr=arr.join()//默认用逗号连接

console.log(newArr);//newArr=1,2,3,4,5;

//如果连接符为空字符串,则会无缝连接

console.log(arr.join(“”));//输出为12345;

将数组进行排序

sort()将数组进行排序(升序),返回新数组,原数组也会改变;

letarr=[2,3,5,1,4];

letnewArr=arr.sort();

console.log(newArr,arr);//newArr=[1,2,3,4,5];arrr=[1,2,3,4,5]

将数组进行倒序

reverse();可以将数组进行倒序,并返回新数组,原数组也会随之改变;

letarr=[1,2,3,4,5];

letnewArr=arr.reverse();

console.log(newArr,arr);//newArr=[5,4,3,2,1];arr=[5,4,3,2,1];

综上为数组的常用方法!

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:用CSS3实现无限循环的无缝滚动的示例代码

 

下一篇:JS获取当前URL的示例代码

发布日期:2023/12/14
手机扫二维码直达本页
发布时间:15:54:58
点  击:3
录  入:星儿
相关文章
Baidu
YiJiaCMS 7.5.6 build250130(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,创宇云安全提供加速防护
运行时间载入中.....
知道创宇云安全