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 15 Javascript
JavaScript 拖拉缩放效果
Dec 10 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
js中的面向对象入门
Mar 06 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
Mar 20 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
jQuery each和js forEach用法比较
Feb 27 jQuery
Vue使用lodop实现打印小结
Jul 06 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 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多层数组与对象的转换实例代码
2013/08/05 PHP
php获取淘宝分类id示例
2014/01/16 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
JsEasy简介 JsEasy是什么?与下载
2007/03/07 Javascript
JavaScript 动态生成方法的例子
2009/07/22 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
jQuery解析json数据实例分析
2015/11/24 Javascript
React组件生命周期详解
2017/07/03 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
20个必会的JavaScript面试题(小结)
2019/07/02 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
2020/05/10 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
使用python加密自己的密码
2015/08/04 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
详解Python中的文件操作
2021/01/14 Python
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
人力资源管理专业应届生求职信
2013/09/28 职场文书
公司财务自我评价分享
2013/12/17 职场文书
县级文明单位申报材料
2014/05/23 职场文书
日语系毕业求职信
2014/07/27 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
2015年圣诞节寄语
2015/08/17 职场文书
党员电教片《信仰》心得体会
2016/01/15 职场文书
创业计划书之网络外卖
2019/10/31 职场文书
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python
Python中如何处理常见报错
2022/01/18 Python