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中各种编码解码函数的区别和注意事项
Aug 19 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
bootstrap data与jquery .data
Jul 07 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
jQuery采用连缀写法实现的折叠菜单效果
Sep 18 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
JavaScript仿百度图片浏览效果
Nov 23 Javascript
node操作mysql数据库实例详解
Mar 17 Javascript
javascript数组定义的几种方法
Oct 06 Javascript
JavaScript学习笔记之DOM基础操作实例小结
Jan 09 Javascript
React优化子组件render的使用
May 12 Javascript
layui框架与SSM前后台交互的方法
Sep 12 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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
php二维数组用键名分组相加实例函数
2013/11/06 PHP
linux实现php定时执行cron任务详解
2013/12/24 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
PHP实现转盘抽奖算法分享
2020/04/15 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
img的onload的另类用法
2008/01/10 Javascript
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
异步加载script的代码
2011/01/12 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
php简单数据库操作类的封装
2017/06/08 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
vue踩坑记录之数组定义和赋值问题
2019/03/20 Javascript
js实现无缝滚动双图切换效果
2019/07/09 Javascript
9种python web 程序的部署方式小结
2014/06/30 Python
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
2016/07/04 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
护士的岗位职责
2013/12/04 职场文书
个人课题方案
2014/05/08 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
python3 hdf5文件 遍历代码
2021/05/19 Python
无线电通信名词解释
2022/02/18 无线电