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 相关文章推荐
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
Dec 28 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
[IE&amp;FireFox兼容]JS对select操作
2007/01/07 Javascript
JavaScript中使用Object.create()创建对象介绍
2014/12/30 Javascript
jQuery的one()方法用法实例
2015/01/19 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
jquery-mobile表单的创建方法详解
2016/11/23 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
vue自定义树状结构图的实现方法
2020/10/18 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
新手该如何学python怎么学好python?
2008/10/07 Python
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
python如何为创建大量实例节省内存
2018/03/20 Python
一文了解python 3 字符串格式化 F-string 用法
2020/03/04 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
综合测评自我鉴定
2013/10/08 职场文书
银行领导班子四风对照检查材料
2014/09/27 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
求职自我推荐信
2015/03/24 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
Python的property属性详细讲解
2022/04/11 Python
Apache自带的ab压力测试工具的实现
2022/07/23 Servers