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 相关文章推荐
用js实现多域名不同文件的调用方法
Jan 12 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
Sep 01 Javascript
javascript原型链继承用法实例分析
Jan 28 Javascript
纯js实现手风琴效果
Apr 17 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
详解使用angular的HttpClient搭配rxjs
Sep 01 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
Vue中使用vue-i18插件实现多语言切换功能
Apr 25 Javascript
微信小程序实现上传图片功能
May 28 Javascript
解决vue打包后vendor.js文件过大问题
Jul 03 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
php的dl函数用法实例
2014/11/06 PHP
PHP网站开发中常用的8个小技巧
2015/02/13 PHP
PHP YII框架开发小技巧之模型(models)中rules自定义验证规则
2015/11/16 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
不提示直接关闭网页窗口的JS示例代码
2013/12/17 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
jQuery操作css样式
2017/05/15 jQuery
three.js实现3D视野缩放效果
2017/11/16 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
在Pycharm terminal中字体大小设置的方法
2019/01/16 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
三八妇女节活动主持词
2014/03/17 职场文书
《四季》教学反思
2014/04/08 职场文书
安全协议书范本
2014/04/21 职场文书
安全生产专项整治方案
2014/05/06 职场文书
面试感谢信范文
2015/01/22 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
教你修复 Win11应用商店加载空白问题
2021/12/06 数码科技