电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JS數組的常用10種方法詳解

瀏覽:138日期:2024-05-09 13:55:05

數組在JavaScript中經常使用,如何對數組進行增刪改非常重要,下面為數組的常用方法:

在數組末尾插入元素

arr.push(value),在數組的末尾添加一個或多個元素,并返回數組的新長度。

例如:

let arr=[1,2,3,4,5]var longth=arr.push(6,7);console.log(arr, longth);

數組的arr的值變為arr[1,2,3,4,5,6,7];

length接收返回的是修改后數組的長度7;

刪除數組末尾的元素

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

let arr=[1,2,3,4,5]var delElement=arr.pop();console.log(arr, delElement);

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

arr.pop()的與arr.length--的效果一樣,但arr.length--沒有返回值;

在數組的頭部插入元素

unshift(value);在數組的頭部添加一個或多個元素,并返回數組的新長度

let arr=[1,2,3,4,5]var length= unshift(0);console.log(arr,length);//arr的值為[0,1,2,3,4,5];length的值為更改后數組的長度6;

刪除數組的頭部元素

shift();刪除索引為0的元素,并返回刪除的元素

let arr=[1,2,3,4,5]var delElement= unshift();console.log(arr, delElement);

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

數組和數組(或元素)的合并

concat()合并數組或元素,返回新的數組,原數組不會改變

let arr=[1,2,3,4,5]let newArr=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()還可以復制一個新數組;

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

在數組中添加刪除或替換元素

splice();在任意位置添加或刪除元素,返回刪除或被替換的值,如果沒有被刪除或替換則返回空數組;

splice()方法會修改原數組的值;

只有一個值時,從當前位置刪除到數組末尾

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

有兩個值時,第一個值為刪除的位置,第二個值為刪除的個數;

let arr=[1,2,3,4,5];let num1=arr.splice(2,3)//刪除從索引值2開始的3個元素console.log(num1;arr);// num1=[3,4,5],arr=[1,2]

有三個或者多個值時,第一個值為插入元素的位置,第二個值為替換的個數,后面的值都為插入的新元素;

let arr=[1,2,3,4,5];let num2=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(開始位置,結束位置);第二個參數不寫默認到尾部,只能從前往后截取;返回的值為截取到的內容形成的新數組;

let copyArr=arr.slice(); // slice()或者slice(0)都可以復制數組;let arr=[1,2,3,4,5];let newArr=arr.slice(1,3);//截取索引1到索引3(不包括3)的值;console.log(newArr,arr);//newArr=[2,3];arr=[1,2,3,4,5];

slice()方法不會更改到原數組的值

指定字符連接字符串

join();數組的每個元素以指定的字符連接形成新字符串返回;

let arr=[1,2,3,4,5];

let newArr=arr.join()//默認用逗號連接console.log(newArr);//newArr=1,2,3,4,5;

//如果連接符為空字符串,則會無縫連接console.log(arr.join(“”));//輸出為12345;

將數組進行排序

sort()將數組進行排序(升序),返回新數組,原數組也會改變;

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

將數組進行倒序

reverse();可以將數組進行倒序,并返回新數組,原數組也會隨之改變;

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

綜上為數組的常用方法!

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 艺术生文化课培训|艺术生文化课辅导冲刺-济南启迪学校 | 冷柜风机-冰柜电机-罩极电机-外转子风机-EC直流电机厂家-杭州金久电器有限公司 | 上海宿田自动化设备有限公司-双面/平面/单面贴标机 | [官网]叛逆孩子管教_戒网瘾学校_全封闭问题青少年素质教育_新起点青少年特训学校 | 冷却塔降噪隔音_冷却塔噪声治理_冷却塔噪音处理厂家-广东康明冷却塔降噪厂家 | 炒货机-炒菜机-炒酱机-炒米机@霍氏机械 | PE一体化污水处理设备_地埋式生活污水净化槽定制厂家-岩康塑业 | 电磁流量计_智能防腐防爆管道式计量表-金湖凯铭仪表有限公司 | 亚克力制品定制,上海嘉定有机玻璃加工制作生产厂家—官网 | 模切之家-专注服务模切行业的B2B平台! | 集装箱展厅-住人集装箱住宿|建筑|房屋|集装箱售楼处-山东锐嘉科技工程有限公司 | 派克防爆伺服电机品牌|国产防爆伺服电机|高低温伺服电机|杭州摩森机电科技有限公司 | 层流手术室净化装修-检验科ICU改造施工-华锐净化工程-特殊科室建设厂家 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 章丘丰源机械有限公司 - 三叶罗茨风机,罗茨鼓风机,罗茨风机 | 【黄页88网】-B2B电子商务平台,b2b平台免费发布信息网 | 碳纤维复合材料制品生产定制工厂订制厂家-凯夫拉凯芙拉碳纤维手机壳套-碳纤维雪茄盒外壳套-深圳市润大世纪新材料科技有限公司 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 365文案网_全网创意文案句子素材站 | 永嘉县奥阳陶瓷阀门有限公司| ET3000双钳形接地电阻测试仪_ZSR10A直流_SXJS-IV智能_SX-9000全自动油介质损耗测试仪-上海康登 | 玉米深加工机械,玉米加工设备,玉米加工机械等玉米深加工设备制造商-河南成立粮油机械有限公司 | 铝合金脚手架厂家-专注高空作业平台-深圳腾达安全科技 | 窖井盖锯圆机_锯圆机金刚石锯片-无锡茂达金刚石有限公司 | 慈溪麦田广告公司,提供慈溪广告设计。 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 厂房出租_厂房出售_产业园区招商_工业地产 - 中工招商网 | 不锈钢螺丝,不锈钢螺栓,不锈钢标准件-江苏百德特种合金有限公司 交变/复合盐雾试验箱-高低温冲击试验箱_安奈设备产品供应杭州/江苏南京/安徽马鞍山合肥等全国各地 | 山东臭氧发生器,臭氧发生器厂家-山东瑞华环保设备 | 冷凝水循环试验箱-冷凝水试验箱-可编程高低温试验箱厂家-上海巨为(www.juweigroup.com) | 卡诺亚轻高定官网_卧室系统_整家定制_定制家居_高端定制_全屋定制加盟_定制家具加盟_定制衣柜加盟 | 点焊机-缝焊机-闪光对焊机-电阻焊设备生产厂家-上海骏腾发智能设备有限公司 | 河南砖机首页-全自动液压免烧砖机,小型砌块水泥砖机厂家[十年老厂] | 电磁流量计厂家_涡街流量计厂家_热式气体流量计-青天伟业仪器仪表有限公司 | 辽宁资质代办_辽宁建筑资质办理_辽宁建筑资质延期升级_辽宁中杭资质代办 | 厂房出售_厂房仓库出租_写字楼招租_土地出售-中苣招商网-中苣招商网 | 杭州代理记账多少钱-注册公司代办-公司注销流程及费用-杭州福道财务管理咨询有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 工业冷却塔维修厂家_方形不锈钢工业凉水塔维修改造方案-广东康明节能空调有限公司 | 珠海冷却塔降噪维修_冷却塔改造报价_凉水塔风机维修厂家- 广东康明节能空调有限公司 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 |