js array数组对象操作方法汇总


Posted in Javascript onMarch 18, 2019

js 数组对象操作方法如下:

1. 创建数组

var array1 = [1,2]  //方法一

var array2 = new Array() //方法二
array[0] = 1;
array[1] = 2;

2.遍历数组 for循环 和for...in 循环

var array1 = [1,2];
var l = array1.length;
//for循环
for(var i=0;i< l;i++){
  console.log(array1 [i]);
}

//for...in 循环
for (x in array1 ){
  console.log(array1 [x]);
}

3. concat() 连接两个或以上的数组,返回的是一个新数组,不影响原数组 (concat 合并多个数组(加的是数组中的元素),也可跟元素合并)

var arr = [1];
var arr1 = ["herry"]
var arr3 = arr.concat(arr1); //[1,"herry"]

4.push() 方法可向数组的末尾添加一个或多个元素,该方法会改变原数组,并且遵循数组提供的先进后出栈功能,返回值是数组新的长度(unshift()  方法是向数组头部添加一个或多个元素,使用上同push方法,但不推荐使用,因为无法再IE下正常使用)

var arr = [1];
var arr1 = "herry";
var arr2 = ["herry"];

//注意向数组中追加的是元素
var l = arr.push(arr1);
console.log(l); //2
console.log(arr) //[1,"herry"]


//数组会以数组形式追加到尾部
var l = arr.push(arr2);
console.log(l); //3
console.log(arr) //[1,"herry",Array(1)["herry"]]

5. pop() 方法删除数组最后一个元素,该方法会改变原数组,删除元素并且数组长度-1,返回值是删除的元素的值,如果数组是空数组,则不进行删除,返回值是undefined   (shift() 方法删除数组第一个元素,使用上同pop方法)  (pop 取出  shift 转移,改变)

var arr = [1,"herry"];
var del = arr.pop() ;
console.log(del); //"herry"
console.log(arr.length); //1

6. sort() 对数组进行排序,改变的是原数组元素顺序,默认是按字符编码排序,所以在遇到数字排序时,就需要定义函数

function sortNumber(a,b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />") //10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) //1,5,10,25,40,1000

7.slice(start,end) 数组的截取函数,start 必需,end 选填 ,均可以为负数,返回的是start到end(不包括end)之间的元素,返回新数组,不影响原来数组 (slice 切开)

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

8.splice(index,howmany,item1,.....,itemX) 方法删除或者添加数组,会操作原数组,返回的是含有被删除的元素的数组 index 必需 起始位置,howmany 必需 数量可以为0,即不操作,第三个参数添加到数组 替代数组index的位置

var arr = [1,2,3,4,5,6];
console.log(arr); //[1,2,3,4,5,6]
arr.splice(2,3,"William")
console.log(arr); // [1,2,"William",6]

9.reverse() 颠倒元素顺序,改变原数组

var arr = [1,2,3];
arr.reverse(); //[3,2,1]

10. join() 方法将数组拆分成字符串,返回值字符串,默认分隔符为逗号“,”

var arr = [1,2,3];
arr.join("-");  //"1-2-3"

11.toString() 将数组转换成字符串,返回字符串,格式为逗号隔开

以上所述是小编给大家介绍的js array数组对象操作方法汇总详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用正则表达式 动态创建/增加css style script 兼容IE firefox
Mar 10 Javascript
一个XML格式数据转换为图表的例子
Feb 09 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
基于jquery实现的可以编辑选择的下拉框的代码
Nov 19 Javascript
利用javascript实现web页面中指定区域打印
Oct 30 Javascript
jquery实现倒计时代码分享
Jun 13 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
Mar 26 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
JS基于递归实现网页版计算器的方法分析
Dec 20 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
浅析JavaScript异步代码优化
Mar 18 #Javascript
js实现图片局部放大效果详解
Mar 18 #Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 #Javascript
vue动画效果实现方法示例
Mar 18 #Javascript
node.js实现微信开发之获取用户授权
Mar 18 #Javascript
学习node.js 断言的使用详解
Mar 18 #Javascript
React 使用Hooks简化受控组件的状态绑定
Mar 18 #Javascript
You might like
WINXP下apache+php4+mysql
2006/11/25 PHP
php使用NumberFormatter格式化货币的方法
2015/03/21 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
Javascript缓存API
2016/06/14 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
详解Python编程中time模块的使用
2015/11/20 Python
python字符类型的一些方法小结
2016/05/16 Python
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
Python查询IP地址归属完整代码
2017/06/21 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
大学生自我鉴定评语
2014/01/27 职场文书
二年级语文教学反思
2014/02/02 职场文书
护士的自我鉴定
2014/02/07 职场文书
小学捐书活动总结
2014/07/05 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
民事答辩状格式范文
2015/05/21 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
创业计划书之香辣虾火锅
2019/09/23 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
MySQL空间数据存储及函数
2021/09/25 MySQL