Array方法
1、concat()方法
用法:用于连接两个或者多个数组。
对原数组有无影响:不会改变原有数组,会返回一个连接之后的数组。
2、join()方法
用法:以指定的分隔符把数组中每一项拆分成字符串。
对原数组有无影响:对原来数组有影响,返回转化后的字符串,中间以括号里面分隔符分隔。
3、pop()方法
用法:删除数组中的最后一项。
对原数组有无影响:对原来数组有影响。返回数组最后一项说明正常是返回数组的最后一项,如果数组本来长度就为0
则pop不改变数组,并且返回undefined。
4、push()方法
用法:为数组末尾添加一项或者多项。
对原来数组有无影响:对原来数组有影响,返回值为数组的新的长度。
提示:如果想在数组开头添加一个或者多个元素请用unshift()方法。
5:reverse()方法
用法:倒序数组中元素的顺序。
对原来数组有无影响:对原来数组有影响,改变原来数组顺序。
6:shift()方法
用法:删除数组中第一项的值
对原来数组有无影响:对原来数组有影响,改变原来数组,并且返回删除的值。如果数组为空,不能删除元素,返回undefined。
7、slice()方法
用法:用于选取数组中的元素
语法:arrayObject.slice(start,end)
start必需规定从何处开始选取,如果是负数,那么它规定从数组尾部开始计算位置即-1,是指最后一个元素-2是指倒数第二个元素;end可选。规定选取结束的位置,如果省略则从start开始到数组结束的所有元素。如果这个参数是负数,从数组尾部开始算起的元素。
提示:选取的功能,截取的话用splice()方法。
8、sort()方法
用法:排序
对原来数组有无影响:有影响,原来数组基础上进行排序。
说明:如果调用方法里面没有参数,则按照字母顺序对数组中的元素进行排序,如果想实现由小到大排序
function sortNum(a,b){
return a-b;
}
由大到小排序
function sortNum(a,b){
return b-a;
}
调用 array.sort(sortNum);排序
9、splice()方法
用法:修改数组,添加/删除项目。
对原来数组有无影响:改变原来数组。返回被删除的项目。
语法:arrayObject.splice(index,howmany,item1,...itemx)
index必需。整数,添加或者删除的位置,如果是负数的话从数组结尾处规定位置。
howmany必需。要删除的数量,如果设置为0,则不会删除项目。
,item1,...itemx可选,向数组添加的新项目。
添加 例:array.splice(2,0,"Willam");添加从下标2开始删除0个元素,并且添加“Willam”
删除 例:array.splice(2,3,"Willam");删除从下标2开始删除3个元素,添加“Willam”替代被删除的元素
修改 例:array.splice(2,1,"ggrhrhr");替换从下标2开始删除1个元素,并且添加“ggrhrhr”替代被删除的元素
10、toSource()方法,只有 Gecko 核心的浏览器(比如 Firefox)火狐浏览器有此方法,IE、Safari、Chrome、Opera 等浏览器均不支持该方法。
表示对象的源代码。通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。
举例:
<script type="text/javascript"> function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
} var bill=new employee("Bill Gates","Engineer",1985); document.write(bill.toSource()
); </script>
输出:
({name:"Bill Gates", job:"Engineer", born:1985})
11、toString()方法
用法:把数组转化成字符串
对原来数组有无影响:对原来数组无影响。返回数组转化后的字符串同join()括号里面没有参数用法相同,字符串用逗号分隔。
12、unshift()方法
用法:像数组开头添加一项或者多项 array.unshift(item1,item2,item3);其中item1为必需项,后面为可选项。
对原来数组有无影响:直接对原来数组进行操作,所以对原来数组有影响。返回新的长度。
参考:W3Shool
Array方法的更多相关文章
- S5中新增的Array方法详细说明
ES5中新增的Array方法详细说明 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wor ...
- ES5中新增的Array方法详细说明
一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (j ...
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- 5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
ES5中,一共有9个Array方法 Array.prototype.indexOf Array.prototype.lastIndexOf Array.prototype.every Array.pr ...
- js Array 方法总结
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Javascript Array 方法整理
Javascript Array 方法整理 Javascript 数组相关方法 说明 大多数其它编程语言不允许改变数组大小,越界访问索引会报错,但是 javascript不会报错,不过不建议直接修改a ...
- ECMAScript5中新增的Array方法实例详解
ECMAScript5标准发布于2009年12月3日,它带来了一些新的,改善现有的Array数组操作的方法.(注意兼容性) 在ES5中,一共有9个Array方法:http://kangax.githu ...
- JavaScript中Array方法总览
title: JavaScript中Array方法总览 toc: true date: 2018-10-13 12:48:14 push(x) 将x添加到数组最后,可添加多个值,返回数组长度.改变原数 ...
- 5个现在就该使用的数组Array方法: indexOf/filter/forEach/map/reduce详解(转)
ECMAScript5标准发布于2009年12月3日,它带来了一些新的,改善现有的Array数组操作的方法.然而,这些新奇的数组方法并没有真正流行起来的,因为当时市场上缺乏支持ES5的浏览器. ...
- js中Array方法归类解析
为什么要对Array方法进行归类解析 因为它常用,而且面试必问 改变原数组的方法 pop 删除并返回数组最后一个元素push 从末尾给数组添加元素,返回新数组length值reverse 颠倒数组元素 ...
随机推荐
- 常用js代码集
<img src="{:url('publics/verify')}" onclick="this.src='{:url('publics/verify')}'&q ...
- 排序之----插入排序(C#实现)
算法步骤:(从小到大) 1:将第一个元素与第二个元素比较大小,如果第一个元素小于等于第二个元素,不做处理,继续比较第二个元素和第三个元素. 如果第三个元素小于第二个元素,保存要移动的元素(第三个元素) ...
- 在Eclipse中集成Ant配置
提要:本文将向你展示如何使用Eclipse设置为Ant所用的属性值和环境变量,并简要分析如何配置Ant编辑器以便从Eclipse内部操作Ant文件. 一. 修改Ant Classpath 在使用一个可 ...
- ffmpeg 常用命令
mp4中的h264编码,而h264有两种封装: 一种是annexb模式,传统模式,有startcode,SPS和PPS是在ES中:另一种是mp4模式,一般mp4.mkv.avi会没有startcode ...
- crontab
在crontab中添加了定时任务,但发现没有得到期望的结果, 这就需要查看crontab的执行历史记录,具体位置如下: cd /var/log tail -100 cron 在cron文件中即可查阅已 ...
- CentOS7 安装中文帮助手册
1.首先确定系统安装中文字体否 locale 2.rpm安装中文帮助手册 挂在光盘 将man-pages-zh-CN-1.5.2-4.el7.noarch.rpm拷贝到本机 rpm -ivh man- ...
- 女生学Web前端优势往往很明显
学Web前端的女生不算少数,女生学习的成果也往往不比男生差,前端偏向设计.交互和产品方向,需要更加贴合用户,女生心思细腻,对页面细节把控更好,更具美感,对用户心理把握更准,这样的优势往往是男生所不具备 ...
- 模拟搭建Web项目的真实运行环境(六)
今天把Redis和Mongodb的操作整理一下,方便日后自己查看,废话不多说,直接进入主题. 一.Redis 1. 引用StackExchange.Redis.dll 由于ServiceStack.R ...
- Trick蠕虫病毒来袭!幕后主使竟是一名高中生“黑客”!
黑客一直是美国电影中的重要元素,很多经典大片中都有黑客的身影,如战争游戏.黑客帝国等.电影中黑客总是神通广大.行侠仗义,<战争游戏>中的年轻黑客大卫•莱特曼利用黑客技术避免引爆核武器,&l ...
- VS 2013编译64位版本QT 4.8.6及使用cmake为依赖QT生成VS项目时Could NOT find Qt4
对于一些已经解决的问题,本博客不再讨论.只将本人遇到的问题做简单的说明. 一.VS 2013编译64位版本QT 4.8.6 QT项目官网中,对于QT4,其只提供了windows X86的版本,并且支持 ...