JavaScript数组的方法
push() :将参数加载到数组的最后,返回数组的长度
pop() :删除数组的最后一个元素,返回删除的值
shift() :删除数组的第一个元素,返回删除的值
unshift() :把参数加载数组的前面,返回数组的长度
splice() :插入/删除或替换数组元素
sort() :对数组的元素进行排序
reverse() :用于颠倒数组中元素的顺序(反序)
concat() :用于连接两个或多个数组
slice() : 返回从原数组中指定开始下表到结束下标之间的项组成的新数组
代码实例
push() 将参数添加到数组最后面
var list = [0,1,2,3,4,5,6,7,8,9];
console.log('数组长度:'+list.push(10)); //数组长度:11
console.log(list);//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
pop() 删除最后一个元素
var list1 = [0,1,2,3,4,5,6,7,8,9];
console.log('被删除的元素:'+list1.pop());//被删除的元素:9
console.log(list1);//[0, 1, 2, 3, 4, 5, 6, 7, 8]
shift() 删除数组的第一个元素
var list2 = [0,1,2,3,4,5,6,7,8,9];
console.log('被删除的元素:'+list2.shift());//被删除的个元素:0
console.log(list2);//[1, 2, 3, 4, 5, 6, 7, 8, 9]
unshift() 将参数添加到数组最前面
var list3 = [0,1,2,3,4,5,6,7,8,9];
console.log('添加的参数是:'+list3.unshift(11));//添加的参数是:11
console.log(list3);//[11, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
splice() 删除/插入/替换
var list3 = [0,1,2,3,4,5,6,7,8,9];
//删除
console.log('被删除的是:'+list3.splice(4,4));//[0, 1, 2, 3, 8, 9]删除第4项,删除4个元素
console.log(list3);//[0, 1, 2, 3]
//插入
var insert = list3.splice(0,0,'add1');//从第0个位置开始删除
console.log(insert); //返回空数组
console.log(list3); //[["add1", 0, 1, 2, 3, 8, 9]
//替换
var replace = list3.splice(2,1 ,'replace1','replace2');//删除第二项,插入2项
console.log('被删除的是:'+replace);//被删除的是:1
console.log(list3);//["add1", 0, "replace1", "replace2", 2, 3, 8, 9]
sort() 排序
var list4= [0,1,4,3,2,5,7,6,8,9];
console.log(list4)//[0, 1, 4, 3, 2, 5, 7, 6, 8, 9]
console.log(list4.sort())//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
reverse() 反序
var list5= [0,1,2,3,4,5,6,7,8,9];
console.log(list5.reverse());//[9, 8, 7, 6, 5, 4, 3, 2, 1, 0]
concat() 连接两个或多个数组
var list5= [0,1,2];
var list6=[3,4,5];
var list7=[6,7,8];
console.log(list5.concat(list6))//[0, 1, 2, 3, 4, 5]
console.log(list5.concat(list6,list7))//[0, 1, 2, 3, 4, 5, 6, 7, 8]
slice() 返回从原数组中指定开始下表到结束下标之间的项组成的新数组
var list8= [0,1,2,3,4,5,6,7];
console.log(list8.slice(2,5))//[2, 3, 4]
JavaScript数组的方法的更多相关文章
- javascript数组原型方法
1.javascript数组原型方法. <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
- JavaScript数组归并方法reduce
示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF ...
- JavaScript——数组——slice方法
JavaScript--数组--slice方法 JavaScript中的slice方法类似于字符串的substring方法,作用是对数组进行截取. slice方法有两个参数,indexStart 和 ...
- JavaScript数组去重方法及测试结果
最近看到一些人的去面试web前端,都说碰到过问JavaScript数组去重的问题,我也学习了一下做下总结. 实际上最有代表性也就三种方法:数组双重循环,对象哈希,排序后去重. 这三种方法我都做了性能测 ...
- JavaScript 数组去重方法总结
1.遍历数组法: 这应该是最简单的去重方法(实现思路:新建一新数组,遍历数组,值不在新数组就加入该新数组中) // 遍历数组去重法 function unique(arr){ var _arr = [ ...
- JavaScript数组处理方法
JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); / ...
- JavaScript 数组去重 方法汇总
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
- JavaScript数组对象方法
数组的方法:首先,数组的方法有数组原型方法,也有从object对象继承来的方法.这里只详细说明一下数组的原型方法. (1)join:把数组中的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. 例 ...
- 松软科技web课堂:JavaScript 数组迭代方法
数组迭代方法对每个数组项进行操作,听着挺高深,其实,就是对数组对象一次性逐一进行一种操作的一种叫法.(文章来源:www.sysoft.net.cn,加v:15844800162深度交流) Array. ...
- Javascript数组原型方法大全以及实例!!
数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join() push()和pop() shift() 和 unshift() ...
随机推荐
- Mac 下安装Jenkins
Mac 下安装Jenkins 开始 Jenkins是一个基于Java开发的一种持续集成工具,用于建工持续重复的工作,功能包括: 持续的软件版本发布/测试项目 监控外部调用执行的工作. 近期打算搭建自动 ...
- 全局响应MotionEvent
遇到这样一个需求:应用无论处于哪个view controller,摇动手机,都能够出发某一方法. 能够想到的思路就是用苹果封装好的“MotionEvent”,但是如果简单的把一下代码加到某一view ...
- IE10 和 Chrome50 对日期 new Date() 支持的区别
IE10 和 Chrome50 对日期 new Date() 支持的区别: new Date('2016-06-18'); // IE10 不通过.Chrome 通过 new Date('2016/0 ...
- [转]HDFS中JAVA API的使用
HDFS是一个分布式文件系统,既然是文件系统,就可以对其文件进行操作,比如说新建文件.删除文件.读取文件内容等操作.下面记录一下使用JAVA API对HDFS中的文件进行操作的过程. 对分HDFS中的 ...
- Linq专题之提高编码效率—— 第三篇 你需要知道的枚举类
众所周知,如果一个类可以被枚举,那么这个类必须要实现IEnumerable接口,而恰恰我们所有的linq都是一个继承自IEnumerable接口的匿名类, 那么问题就来了,IEnumerable使了 ...
- 0031 Java学习笔记-梁勇著《Java语言程序设计-基础篇 第十版》英语单词
第01章 计算机.程序和Java概述 CPU(Central Processing Unit) * 中央处理器 Control Unit * 控制单元 arithmetic/logic unit /ə ...
- 基于Ajax+div的“左边菜单、右边内容”页面效果实现
效果演示: ①默认页面(index.jsp): ②:点击左侧 用户管理 标签下的 用户列表 选项后,右边默认页面内容更新为用户列表页(userList.jsp)的内容 : ③:同理,点击 产品管理.订 ...
- WSTMall网站系统最新官方版
WSTMall V1.0是在thinkphp 的经典版本3.2.2基础上进行优化开发的, TP 3.2.2不是thinkphp的一个最新的版本,却是thinkphp最金典的一个版本,正所谓站在巨人的肩 ...
- Nginx服务安装配置
1.Nginx介绍 Nginx是一个高性能的HTTP和反向代理服务器,由俄罗斯人开发的,第一个版本发布于2004年10月4日.Nginx由于出色的性能,在世界范围内受到了越来越多人的关注,其特点是占有 ...
- 使用FileZilla等软件搭建ftp服务器
FTP的全称是File Transfer Protocol(文件传输协议).顾名思义,就是专门用来传输文件的协议. FTP服务器,则是在互联网上提供存储空间的计算机,它们依照FTP协议提供服务.简单地 ...