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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
jQuery $.data()方法使用注意细节
Dec 31 Javascript
JQuery实现表格中相同单元格合并示例代码
Jun 26 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
夯基础之手撕javascript继承详解
Nov 09 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
浅析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和ACCESS写聊天室(八)
2006/10/09 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
JavaScript forEach中return失效问题解决方案
2020/06/01 Javascript
python k-近邻算法实例分享
2014/06/11 Python
JS设计模式之责任链模式实例详解
2018/02/03 Python
python实现音乐下载器
2018/04/15 Python
Django框架模板的使用方法示例
2019/05/25 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
详解字符串在Python内部是如何省内存的
2020/02/03 Python
python梯度下降算法的实现
2020/02/24 Python
python如何解析复杂sql,实现数据库和表的提取的实例剖析
2020/05/15 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
如何通过命令行进入python
2020/07/06 Python
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
印度购买眼镜和太阳镜网站:Coolwinks
2018/09/26 全球购物
Python面试题集
2012/03/08 面试题
中药专业大学生医药工作求职信
2013/10/25 职场文书
工程部主管岗位职责
2013/11/17 职场文书
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
荷叶圆圆教学反思
2014/02/01 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
国际会计专业求职信
2014/08/04 职场文书
大学生团日活动总结
2015/05/06 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
八年级物理教学反思
2016/02/19 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
python 安全地删除列表元素的方法
2022/03/16 Python