全球彩票平台_全球彩票注册平台|官网下载地址

热门关键词: 全球彩票平台,全球彩票注册平台,全球彩官网下载地址

【全球彩官网下载地址】JavaScript基础进阶之数组

JavaScript基础进阶之数组方法总结(推荐),javascript进阶

数组常用方法总结:

下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。

1个连接数组的方法:concat()

2个数组转换为字符串的方法:join()、toString()

6个增删数组元素的方法:pop()、push()、shift()、unshift()、slice()、splice()

2个数组排序方法:reverse()、sort()

连接数组的方法:

1、concat()

作用:连接两个数组,合并为一个新数组。

用法:arr1.concat(arr2,arr2...)

示例:

<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"

document.write(arr.concat(arr2))

</script>

输出:

George,John,Thomas,James,Adrew,Martin

数组转换为字符串的方法:

1、join()

作用:用于把数组中的所有元素放入一个字符串。并通过指定的分隔符进行分隔。

用法:arrayObject.join(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

注意:返回值为一个字符串。如果没有分隔符,默认以逗号分隔。

2、toString()

作用:把数组转换为字符串,并返回结果。

用法:arrayObject.toString()

示例:

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "George";

arr[1] = "John";

arr[2] = "Thomas";

document.write(arr.toString());

</script>

输出:

George,John,Thomas

返回值与没有参数的 join() 方法返回的字符串相同。数组中的元素之间用逗号分隔。

增删数组元素的方法:

1、pop()

作用:用于删除并返回数组的最后一个元素。

用法:arrayObject.pop()

pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 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>

输出:

George,John,Thomas
Thomas
George,John

2、push()

作用:可向数组的末尾添加一个或多个元素,并返回新的长度。

用法:arrayObject.push(newelement1,newelement2,....,newelementX)

它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

示例:

<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.push("James")   "<br />")

document.write(arr)

</script>

输出:

George,John,Thomas
4
George,John,Thomas,James

3、shift()

作用:用于把数组的第一个元素从其中删除,并返回第一个元素的值。

用法:arrayObject.shift()

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

示例:

<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.shift()   "<br />")

document.write(arr)

</script>

输出:

George,John,Thomas
George
John,Thomas

4,unshift()

作用:可向数组的开头添加一个或更多元素,并返回新的长度。

用法:arrayObject.unshift(newelement1,newelement2,....,newelementX)

unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。

请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。unshift() 方法无法在 Internet Explorer 中正确地工作!

示例:

<script type="text/javascript">

var arr = new Array()

arr[0] = "George"

arr[1] = "John"

arr[2] = "Thomas"

document.write(arr   "<br />")

document.write(arr.unshift("William")   "<br />")

document.write(arr)

</script>

输出:

George,John,Thomas
4
William,George,John,Thomas

5,slice()

作用:可从已有的数组中返回选定的元素。

用法:arrayObject.slice(start,end)

start

必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end

可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

<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

6,splice()

作用:向/从数组中添加/删除项目,然后返回被删除的项目。

用法:arrayObject.splice(index,howmany,item1,.....,itemX)

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,0,"William")
document.write(arr   "<br />")

</script>

输出:

George,John,Thomas,James,Adrew,Martin

George,John,William,Thomas,James,Adrew,Martin

数组元素排序:

1、reverse()

作用:用于颠倒数组中元素的顺序。

用法:arrayObject.reverse()

该方法会改变原来的数组,而不会创建新的数组。

示例:

<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.reverse())

</script>

输出:

George,John,Thomas
Thomas,John,George

2,sort()

作用:用于对数组的元素进行排序。

用法:arrayObject.sort(sortby)

Sortby:可选,按规定是顺序排序。必须是函数。

相对于其他方法来说复杂了一点。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

<script type="text/javascript">

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 />")

document.write(arr.sort(sortNumber))

</script>

输出:

10,5,40,25,1000,1
1,5,10,25,40,1000

上面这个例子是让数组元素从小到大排序,如果想实现从大到小排序,只需要将sortNumber函数中的a-b改为b-a即可。

<script type="text/javascript">

function sortNumber(a,b)

{

return b - a;

}

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 />")

document.write(arr.sort(sortNumber))

</script>

输出:

10,5,40,25,1000,1
1000,40,25,10,5,1

补充:

数组对象的属性:

属性

描述

constructor

返回对创建此对象的数组函数的引用。

length

设置或返回数组中元素的数目。

prototype

使您有能力向对象添加属性和方法。

以下这个例子展示了如何使用constructor属性

<script type="text/javascript">

var test=new Array();

if (test.constructor==Array)

{

document.write("This is an Array");

}

if (test.constructor==Boolean)

{

document.write("This is a Boolean");

}

if (test.constructor==Date)

{

document.write("This is a Date");

}

if (test.constructor==String)

{

document.write("This is a String");

}

</script>

输出:

This is an Array

length 属性可设置或返回数组中元素的数目。数组的 length 属性总是比数组中定义的最后一个元素的下标大 1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。

获取数组的长度:arrayObject.length

以上这篇JavaScript基础进阶之数组方法总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持帮客之家。

数组常用方法总结: 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的...

George,John,Thomas

4

George,John,Thomas,James
<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>

2个数组排序方法:reverse()、sort()

2.5 concat()

  定义和用法

    concat() 方法用于连接两个或多个数组(或者具体的值)。

    该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

  语法

    arrayObject.concat(arrayX,arrayX,......,arrayX)

  参数

    arrayX  必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。

  返回值

    返回一个新的数组。原数组不会改变。

 

作用:用于删除并返回数组的最后一个元素。

用法:arrayObject.shift()

2.6 join()

  定义和用法

    join() 方法用于把数组中的所有元素放入一个字符串。

    元素是通过指定的分隔符进行分隔的。

  语法

    arrayObject.join(separator)

  参数

    separator  可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

  返回值

    返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入separator 字符串而生成的。

 

<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>
<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.push("James")   "<br />")

document.write(arr)

</script>

2.9 sort()

  定义和用法

    sort() 方法用于对数组的元素进行排序。

  语法

    arrayObject.sort(sortby)

  参数

    sortby 可选。规定排序顺序。必须是函数。

  返回值

    返回排序过后的数组。

  说明

    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序。

    如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

      若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

      若 a 等于 b,则返回 0。

      若 a 大于 b,则返回一个大于 0 的值。

输出:

用法:arrayObject.shift()

返回值与没有参数的 join() 方法返回的字符串相同。数组中的元素之间用逗号分隔。

1.1 说明

  数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是无类型:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。

6个增删数组元素的方法:pop()、push()、shift()、unshift()、slice()、splice()

George,John,Thomas
4
William,George,John,Thomas
<script type="text/javascript">

function sortNumber(a,b)

{

return b - a;

}

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 />")

document.write(arr.sort(sortNumber))

</script>

1. 介绍

该方法会改变原来的数组,而不会创建新的数组。

6,splice()

它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

2.1 push() 

  定义和用法

    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

  语法

    arrayObject.push(newelement1,newelement2,....,newelementX)

  参数

    newelement1  必需。要添加到数组的第一个元素。

    newelement2     可选。要添加到数组的第二个元素。

    newelementX  可选。可添加多个元素。

  返回值

    返回新数组的长度

  说明

    push()方法直接修改数组,而不是创建一个新的数组。

增删数组元素的方法:

示例:

George.John.Thomas

2. 实例方法

以下这个例子展示了如何使用constructor属性

数组转换为字符串的方法:

1、join()

2.2 pop()

  定义和用法

    pop()方法用于删除并返回数组的最后一个元素。

  语法

    arrayObject.pop()

  返回值

    arrayObject的最后一个元素。

  说明

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

示例:

示例:

输出:

2.7 slice()

  定义和用法

    slice() 方法可从已有的数组中返回选定的元素。

  语法

    arrayObject.slice(start,end)

  参数

    start  必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

    end   可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。若start>end,则返回一个空字符串。

  返回值

    返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

  说明

    该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

属性

描述

constructor

返回对创建此对象的数组函数的引用。

length

设置或返回数组中元素的数目。

prototype

使您有能力向对象添加属性和方法。

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

2.3 unshift()

  定义和用法

    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

  语法

    arrayObject.unshift(newelement1,newelement2,....,newelementX)

  参数

    newelement1  必需。向数组的开头添加第一个元素。

    newelement2     可选。向数组的开头添加第二个元素。

    newelementX  可选。向数组的开头添加添加多个元素。

  返回值

    arrayObject的最后一个元素

  说明

    unshift() 方法将把它的参数插入 arrayObject 的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。

George,John,Thomas

John,Thomas

George,John,Thomas

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

length 属性可设置或返回数组中元素的数目。数组的 length 属性总是比数组中定义的最后一个元素的下标大 1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。

2.8 splice()

  定义和语法

    splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。

    注释:该方法会改变原始数组。

  语法

    arrayObject.splice(index,howmany,item1,.....,itemX)

  参数

    index  必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

    howmany  必需。要删除的项目数量。如果设置为 0,则不会删除项目。

    item1, ..., itemX  可选。向数组添加的新项目。

  返回值

    包含被删除项目的新数组,如果有的话。如果没有删除项目,则返回空字符串。

  说明

    splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

    如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

相对于其他方法来说复杂了一点。

该方法会改变原始数组。

输出:

 1.3 属性

  length:表示数组的长度,即数组内元素的个数。

输出:

10,5,40,25,1000,1
1,5,10,25,40,1000
<script type="text/javascript">

var arr = new Array(3)

arr[0] = "George"

arr[1] = "John"

arr[2] = "Thomas"

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

</script>

2.10 reverse()

  定义和语法

    reverse() 方法用于颠倒数组中元素的顺序。

  语法

    arrayObject.reverse()

  返回值

    返回倒序后的数组。字方法会改变原来的数组,而不是创建新的数组。

 

    

     

    

    

    

  

  

 

    

    

    

    

    

    

  

 

 

<script type="text/javascript">

var arr = new Array()

arr[0] = "George"

arr[1] = "John"

arr[2] = "Thomas"

document.write(arr   "<br />")

document.write(arr.unshift("William")   "<br />")

document.write(arr)

</script>

该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

 

1.2 定义方式

  1. new Array();
  2. new Array(size);
  3. new Array(element0, element1, ..., elementn);
  4. [];

  参数:

    参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。

    参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

   返回值:

    返回新创建并被初始化了的数组。

    如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。

    当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。

    当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。

        /*
         * 第一种定义方式
         * 如果参数为空,则表示创建一个长度为0数组。
         * 如果参数只有一个数字,表示创建一个长度为参数值的数组,如果参数为多个数字,表示创建一个长度为参数个数的数组。
         * 如果参数是字符串或者其他,表示创建一个长度为参数个数的数组。
         */
        var arr = new Array();//定义一个长度为0的数组
        console.log(arr.length);//数组长度为0
        arr[0] = 1;//往数组添加一个元素
        console.log(arr.length);//数组长度为1
        arr.push(2);//或者这样往数组添加元素
        console.log(arr.length);//数组长度为2

        var arr1 = new Array(3);//定义一个长度为3的数组
        console.log(arr1.length);//数组长度为3

        var arr2 = new Array(3,4);//定义一个长度为2,元素为3和4的数组
        console.log(arr2.length);//数组长度为3

        var arr3 = new Array('3');//定义一个长度为1,元素为'3'的数组
        console.log(arr3.length);//数组长度为1
        /*
         *第二种定义方式
         */
        var arr4 = ['张三','李四','王五'];
        console.log(arr4.length);

示例:

补充:

数组元素排序:

2.4 shift()

  定义和用法

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

  语法

    arrayObject.shift()

  返回值

    数组原来的第一个元素的值。

  说明

    如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

示例:

输出:

George,John,Thomas

Thomas

George,John

获取数组的长度:arrayObject.length

index

必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany

必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1, ..., itemX

可选。向数组添加的新项目。

<script type="text/javascript">

var arr = new Array()

arr[0] = "George"

arr[1] = "John"

arr[2] = "Thomas"

document.write(arr   "<br />")

document.write(arr.unshift("William")   "<br />")

document.write(arr)

</script>

 

George,John,Thomas,James,Adrew,Martin

George,John,William,Thomas,James,Adrew,Martin

 下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。

 

下面我只总结了es3中常用的数组方法,一共有11个。es5中新增的9个数组方法,后续再单独总结。

 

数组元素排序:

示例:

用法:arrayObject.splice(index,howmany,item1,.....,itemX)

作用:连接两个数组,合并为一个新数组。

输出:

 

3、shift()

注意:返回值为一个字符串。如果没有分隔符,默认以逗号分隔。

George,John,Thomas,James,Adrew,Martin
<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>

增删数组元素的方法:

2、toString()

作用:可向数组的末尾添加一个或多个元素,并返回新的长度。

该方法会改变原来的数组,而不会创建新的数组。

用法:arrayObject.join(separator)

Sortby:可选,按规定是顺序排序。必须是函数。

作用:用于把数组的第一个元素从其中删除,并返回第一个元素的值。

 

输出:

length 属性可设置或返回数组中元素的数目。数组的 length 属性总是比数组中定义的最后一个元素的下标大 1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。

作用:把数组转换为字符串,并返回结果。

2个数组排序方法:reverse()、sort()

用法:arrayObject.toString()

用法:arrayObject.reverse()

本文由全球彩票平台发布于全球彩官网下载地址Web前端,转载请注明出处:【全球彩官网下载地址】JavaScript基础进阶之数组

TAG标签: 全球彩票平台
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。