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 相关文章推荐
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
用javascript作一个通用向导说明
Aug 30 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
学习javascript文件加载优化
Feb 19 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
如何使用gpu.js改善JavaScript的性能
Dec 01 Javascript
Javascript 解构赋值详情
Nov 17 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
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
PHP控制网页过期时间的代码
2008/09/28 PHP
php xml留言板 xml存储数据的简单例子
2009/08/24 PHP
JavaScript中的其他对象
2008/01/16 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
带你使用webpack快速构建web项目的方法
2020/11/12 Javascript
Python出现segfault错误解决方法
2016/04/16 Python
Python3使用requests发闪存的方法
2016/05/11 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
详解python算法常用技巧与内置库
2020/10/17 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
电信专业应届生自荐信
2013/09/28 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
趣味运动会活动方案
2014/02/12 职场文书
人事专员工作职责
2014/02/22 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
出售房屋委托书范本
2014/09/24 职场文书