首页 > 编程语言 > 详细

js数组方法总结

时间：2020-05-06 16:36:47      阅读：67      评论：0      收藏：0      [点我收藏+]

1.Array对象

　　Array对象用于在单个的变量中存储多个值

　创建Array对象的语法：

　　new Array();　　返回的数组为空，length 字段为 0。

　　new Array(size);　　返回具有指定个数、元素为 undefined 的数组。

　　new Array(element0,element1,element2,...elementn);　　用参数指定的值初始化数组

2.Array对象属性

　　（1）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

　　　　应用场景二：

<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.constructor);

</script>

输出：
function employee(name, job, born)
{this.name = name; this.job = job; this.born = born;}

　　（2）length：设置或返回数组中元素的数目

　　　　　使用方法：　　

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "John"
arr[1] = "Andy"
arr[2] = "Wendy"

document.write("Original length: " + arr.length)
document.write("<br />")

arr.length=5
document.write("New length: " + arr.length)

</script>

输出：
Original length: 3
New length: 5

　　（3）prototype：能向对象添加属性和方法

 　　　　应用场景：

<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);

employee.prototype.salary=null;
bill.salary=20000;

document.write(bill.salary);

</script>

输出：20000

3.Array对象方法

会改变原数组：

 

pop()---删除数组的最后一个元素并返回删除的元素。

 

push()---向数组的末尾添加一个或更多元素，并返回新的长度。

 

shift()---删除并返回数组的第一个元素。

 

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

 

reverse()---反转数组的元素顺序。

 

sort()---对数组的元素进行排序。

 

splice()---用于插入、删除或替换数组的元素。

 

不会改变原数组：

 

concat()---连接两个或更多的数组，并返回结果。

 

every()---检测数组元素的每个元素是否都符合条件。

 

some()---检测数组元素中是否有元素符合指定条件。

 

filter()---检测数组元素，并返回符合条件所有元素的数组。

 

indexOf()---搜索数组中的元素，并返回它所在的位置。

 

join()---把数组的所有元素放入一个字符串。

 

toString()---把数组转换为字符串，并返回结果。
lastIndexOf()---返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

 

map()---通过指定函数处理数组的每个元素，并返回处理后的数组。

 

slice()---选取数组的的一部分，并返回一个新数组。

 

valueOf()---返回数组对象的原始值。

 

　　（1）concat：连接两个或更多的数组，并返回结果（该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。）

　　　　语法：arrayObject.concat(arrayX,arrayX,......,arrayX)：arrayX必填

　　返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。

  　如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

　　应用场景一（使用contact连接数组中的值）：

<script type="text/javascript">

var a = [1,2,3];
document.write(a.concat(4,5));

</script>

输出：
1,2,3,4,5

　　应用场景二（使用contact连接两个数组）：

<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

　　应用场景三（使用contact连接三个数组）：　

<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：把数组中的所有元素放入一个字符串，元素是通过指定的分隔符进行分隔的。

　　　　语法：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.join())

</script>

输出：
George,John,Thomas

　　　　应用场景二，使用分隔符来分割数组中的元素

<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:删除并返回数组的最后一个元素。

　　　　　　返回值：arrayObject 的最后一个元素。

　　　　　　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

　　（4）push:向数组的末尾添加一个或多个元素，并返回新的长度

　　　　　　语法：arrayObject.push(newelement1,newelement2,....,newelementX)

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

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

　　　　　　　　　newelementX：可选，可添加多个元素

 　　　　　返回值：把指定的值添加到数组后的新长度。

　　　　push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 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

　　　　（5）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

　　　（6）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

　　　（7）slice:从已有的数组中返回选定的元素。

　　　　语法：arrayObject.slice(start,end)　　返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

　　　　　　　　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

　　　　应用场景二：

<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 />")
document.write(arr.slice(2,4) + "<br />")
document.write(arr)

</script>

输出：
George,John,Thomas,James,Adrew,Martin
Thomas,James
George,John,Thomas,James,Adrew,Martin

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

　　　　语法：arrayObject.sort(sortby)　　sortby:可选。规定排序顺序。必须是函数。

　　　　对数组的引用。请注意，数组在原数组上进行排序，不生成副本。

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

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

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

　　　　应用场景一：在本例中，我们将创建一个数组，并按字母顺序进行排序：

<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 />")
document.write(arr.sort())

</script>

输出：
George,John,Thomas,James,Adrew,Martin
Adrew,George,James,John,Martin,Thomas

　　　　应用场景二：我们将创建一个数组，并按字母顺序进行排序：

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

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

</script>

输出：
10,5,40,25,1000,1
1,10,1000,25,40,5

请注意，上面的代码没有按照数值的大小对数字进行排序，要实现这一点，就必须使用一个排序函数：

<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

　　　（9）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

 

　　　　应用场景二：在本例中我们将删除位于 index 2 的元素，并添加一个新元素来替代被删除的元素：

<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

　　　　应用场景三：在本例中我们将删除从 index 2 ("Thomas") 开始的三个元素，并添加一个新元素 ("William") 来替代被删除的元素：

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

</script>

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

　　　（10）toSource() 方法表示对象的源代码。

　　　　　　该原始值由 Array 对象派生的所有对象继承。

　　　　　　toSource() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

　　　　语法：object.toSource()

　　　　只有 Gecko 核心的浏览器（比如 Firefox）支持该方法，也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。

　　　　使用方法：

 

<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:可把数组转换为字符串，并返回结果。

　　　　　　语法：arrayObject.toString()　　arrayObject 的字符串表示。返回值与没有参数的 join() 方法返回的字符串相同。

 

 　　　　　　返回值与没有参数的 join() 方法返回的字符串相同 
<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

　　　　（12）toLocalString:把数组转换为本地字符串

　　　　语法：arrayObject.toLocaleString()

　　　　　返回值：arrayObject 的本地字符串表示。

　　　　使用方法：

<script type="text/javascript">

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

document.write(arr.toLocaleString())

</script>

输出：
George, John, Thomas

　　　　（13）unshift：方法可向数组的开头添加一个或更多元素，并返回新的长度。直接修改原有的数组。

　　　　　　　　语法：arrayObject.unshift(newelement1,newelement2,....,newelementX)

　　　　　　　　newelement1：必需，向数组添加的第一个元素

　　　　　　　　newelement2：可选，向数组添加的第二个元素

　　　　　　　　newelementX：可选，可添加若干个元素

　　　　　　使用方法：

<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

　　　　（14）valueOf:返回 Array 对象的原始值。　

　　　　　　该原始值由 Array 对象派生的所有对象继承。

　　　　　　valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

　　　　　　语法：arrayObject.valueOf()

　　　　　　

js数组方法总结

原文：https://www.cnblogs.com/yaya-003/p/12835315.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！