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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
javascript 禁止复制网页
Jun 11 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
原生js实现可爱糖果数字时间特效
Dec 30 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 Javascript
js表达式与运算符简单操作示例
Feb 15 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实现LOL数据远程获取
2014/06/10 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
来自qq的javascript面试题
2010/07/24 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
2012/12/11 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
EasyUI实现二级页面的内容勾选的方法
2015/03/01 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
2015/03/13 Javascript
JavaScript清空数组元素的两种方法简单比较
2015/07/10 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
2017/04/04 jQuery
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
详解vue-cli3使用
2018/08/14 Javascript
5分钟快速掌握JS中var、let和const的异同
2018/09/19 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
利用python操作SQLite数据库及文件操作详解
2017/09/22 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
PyQt5实现五子棋游戏(人机对弈)
2020/03/24 Python
Python之修改图片像素值的方法
2019/07/03 Python
python实现最小二乘法线性拟合
2019/07/19 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
Joules美国官网:出色的英国风格
2017/10/30 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
大学生个人求职信范文
2013/09/21 职场文书
电子商务毕业生求职信
2013/11/10 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
教师网络培训心得体会
2016/01/09 职场文书
小学英语新课改心得体会
2016/01/22 职场文书
股权投资协议书
2016/03/23 职场文书
Oracle更换为MySQL遇到的问题及解决
2021/05/21 Oracle