浅谈javascript Array

Array数组里面的方法:

  创建array对象的语法:
  new  array();
  new  array(size);
  new  array  (element0,element1,element);

参数:
参数size是设置的数组元素的个数。返回的数组,length字段将被设为size的值。
参数element是参数列表,当使用这些参数来调用构造函数array()时,新创建的数组元素就会被初始化位这些值。它的字段length字段也会被设置为参数的个体。
返回值:
返回新创建并被初始化了的数组。
如果调用构造函数array()时没有使用参数,那么返回的数组为空,length字段位0。
当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为undefined 的数组。
当其他参数调用array()时,该构造函数将用指定的值初始化数组。
当吧构造函数作为函数调用,不使用new运算符时,它的行为与使用new运算符调用他时的行为完全一样。

array对象属性:
constructor:返回对创建此对象的数组函数的引用。
length:设置或返回数组中元素的数目。
prototype:使您有能力向对象添加属性和方法。

array对象方法:
1、concat(参数1,......):连接两个或者更多的数组,并返回结果。
参数:必须,该参数可以是具体的值,也可以是数组对象。可以是任意多个。
返回值:返回一个新的数组,该数组把所有的参数添加到要调用这个数组的对象中来生成的。如果要进行concat()操作的参数是数组,那么添加的是数组中的元素而不是数组。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(arr.concat(arr2,arr3))

</script>
输出:
George,John,Thomas,James,Adrew,Martin,William,Franklin

2、join():
join(separator)方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分割的。
参数:separator 可选的。指定要使用的分隔符。如果省略该参数,则逗号作为分隔符。
返回值:
返回一个字符串。该字符串是通过吧调用这个方法的对象里面的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入separator字符串而生成的。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr.join("."))

</script>
输出:
George.John.Thomas

3、pop()方法用于删除并返回数组的最后一个元素。
pop()方法将删除数组对象中的最后一个元素,把数组长度减1,并且返回它删除的元素的值。如果数组已经为空,则pop()不改变数组,并返回undefined值。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr)

document.write("<br />")

document.write(arr.pop())

document.write("<br />")

document.write(arr)

</script>

4、push()方法:
push方法可向数组的末尾添加一个或多个元素,并返回新的长度。
参数:
newelement1,必须的。要添加到数组的第一个元素,后面可以写多个元素,该方法会改变数组的长度。
返回值:
把指定的值添加到数组后的新长度。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

console.info(arr)
console.info(arr.push("James"))
console.info(arr)

</script>
输出:
George,John,Thomas
4
George,John,Thomas,James

5、reverse()方法:用于数组的排序
定义和用法:
用于颠倒数组中元素的顺序。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

console.info(arr)
console.info(arr.reverse())

</script>
输出:
George,John,Thomas
Thomas,John,George

6、shift()方法:
用于把数组的第一个元素从其中删除,并返回第一个元素的值。
返回值:数组原来的第一个元素的值。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

console.info(arr)
console.info(arr.shift())
console.info(arr)

</script>
输出:
George,John,Thomas
George
John,Thomas

7、slice()方法:
可从已有的数组中返回选定的元素。
参数:
start:必须的,规定从何处开始选取。如果是负数,那么它规定从数组尾部开始开始算起的位置。也就是说-1指最后一个元素,-2指倒数第二个元素,以此类推。
end:可选,规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

document.write(arr + "<br />")
document.write(arr.slice(1) + "<br />")
document.write(arr)

</script>
输出:
George,John,Thomas
John,Thomas
George,John,Thomas

8、sort()方法:
用于对数组的元素进行排序。
参数:sortby,可选,规定排序顺序。必须是函数。

<script type="text/javascript">

var arr = new Array(6)
arr[0] = "10"

arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

console.info(arr)
console.info(arr.sort())

</script>
输出:
10,5,40,25,1000,1
1,10,1000,25,40,5

9、splice()方法:
用于从数组中添加/删除元素,然后返回被删除的元素。
参数:
index:必须的,整数,规定添加/删除元素的位置,使用负数可从数组结尾处规定位置
howmany:必须的,要删除的元素的数量,如果设置为0,则不会删除元素。
item1....itemx:可选的,向数组添加的新元素,这个元素就将代替删除的那个元素。

<script type="text/javascript">
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"
document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
</script>

输出:
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

10、unshift()方法:
可向数组的开头添加一个或更多的元素,并返回新的长度。
参数:
newelement1,必须的,向数组添加的第一个元素,这个元素会被添加到第一个来显示,可以添加若干个元素。

<script type="text/javascript">
var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write(arr.unshift("William"))
document.write(arr)
</script>

输出:
George,John,Thomas
4
William,George,John,Thomas

11、valueOf()方法:
valueOf()方法返回array对象的原始值。
该原始值由array对象派生的所有对象的继承。
valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,817评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,329评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,354评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,498评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,600评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,829评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,979评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,722评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,189评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,519评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,654评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,329评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,940评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,762评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,993评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,382评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,543评论 2 349

推荐阅读更多精彩内容

  • js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧。不过不会针对每个办法都进行一下总结,只...
    IOSCoderYummy阅读 514评论 0 0
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,250评论 0 5
  • 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型...
    夜幕小草阅读 417评论 0 10
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,755评论 0 8
  • 白羊座 整体运势今日工作上十分努力认真,可是回报却与付出不成正比,让你有点沮丧呢。投资机遇很不错,但前提是你足够大...
    心路相伴阅读 371评论 0 0