脚本宝典收集整理的这篇文章主要介绍了JavaScript数组的3个属性和14个方法(内含举例),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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属性是设置或返回数组中的元素的数目
<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
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
concat()方法是连接两个或者多个的数组,并返回结果
<script type="text/javascript">
var a = [1,2,3];
document.write(a.concat(4,5));
</script>
输出结果为:
1,2,3,4,5
join()方法是把数组的所有元素放入一个字符串,通过指定的分隔符进行分隔
<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
pop()方法是删除并返回数组的最后一个元素
<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
push()方法是向数组的末尾添加一个或更多元素,并返回新的长度。
<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
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
shift()方法是删除并放回数组的第一个元素
<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
slice()方法是从某个已有的数组返回选定的元素
<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
sort()方式是对数组的元素进行排序
<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
splice()方法是删除元素,并向数组添加新元素
举例:创建一个新数组,并将其添加一个元素
<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
举例:删除位于i[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,MartinGeorge,John,William,James,Adrew,Martin
toSource()方法是返回该对象的源代码
<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})
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
toLocaleString()方法把数组转换为本地数组,并返回结果
<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
unshift()方法是像数组的开头添加一个或者更多的元素,并且返回性的数组长度
<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
valueOf()方法返回数组对象的原始值。 语法:
arrayObject.valueOf()
以上是脚本宝典为你收集整理的JavaScript数组的3个属性和14个方法(内含举例)全部内容,希望文章能够帮你解决JavaScript数组的3个属性和14个方法(内含举例)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。