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 相关文章推荐
javascript Firefox与IE 替换节点的方法
Feb 24 Javascript
ExtJs的Date格式字符代码
Dec 30 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
JS实现文字掉落效果的方法
May 06 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
JS中对象与字符串的互相转换详解
May 20 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
Angular 2父子组件数据传递之局部变量获取子组件其他成员
Jul 04 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
详解vue 组件之间使用eventbus传值
Oct 25 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 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
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
laravel 执行迁移回滚示例
2019/10/23 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
Python 随机生成中文验证码的实例代码
2013/03/20 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
Django实现分页功能
2018/07/02 Python
django如何连接已存在数据的数据库
2018/08/14 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python 实现图片批量压缩的示例
2020/12/18 Python
Python脚本调试工具安装过程
2021/01/11 Python
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
Abe’s of Maine:自1979以来销售相机和电子产品
2016/11/21 全球购物
美国精油公司:Plant Therapy
2019/05/17 全球购物
财务管理个人自荐书范文
2013/11/24 职场文书
办公室内勤岗位职责范本
2013/12/09 职场文书
教师专业自荐书范文
2014/02/10 职场文书
优秀食品类广告词
2014/03/19 职场文书
2014年教师节讲话稿5篇
2014/09/10 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
民主评议党员个人总结
2015/02/13 职场文书
工作证明书
2015/06/15 职场文书
解决golang 关于全局变量的坑
2021/05/06 Golang
MySQL 分区表中分区键为什么必须是主键的一部分
2022/03/17 MySQL
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫
深入理解MySQL中MVCC与BufferPool缓存机制
2022/05/25 MySQL