html中创建一个数组,JavaScript Array(数组)

数组对象的作用是:使用单独的变量名来存储一系列的值。

在线实例

创建数组, 为其赋值:

芝麻教程(web3.xin)

var i;

var mycars = new Array();

mycars[0] = "Saab";

mycars[1] = "Volvo";

mycars[2] = "BMW";

for (i=0;i

document.write(mycars[i] + "
");

}

页面底部你可以找到更多的实例。

什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

如果你有一组数据(例如:车名字),存在单独变量如下所示:

var car1="Saab";

var car2="Volvo";

var car3="BMW";

然而,如果你想从中找出某一辆车?并且不是3辆,而是300辆呢?这将不是一件容易的事!

最好的方法就是用数组。

数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。

数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。

创建一个数组

创建一个数组,有三种方法。

下面的代码定义了一个名为 myCars的数组对象:

1: 常规方式:

var myCars=new Array();

myCars[0]="Saab";

myCars[1]="Volvo";

myCars[2]="BMW";

2: 简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

访问数组

通过指定数组名以及索引号码,你可以访问某个特定的元素。

以下实例可以访问myCars数组的第一个值:

var name=myCars[0];

以下实例修改了数组 myCars 的第一个元素:

myCars[0]="Opel";

[0] 是数组的第一个元素。[1] 是数组的第二个元素。

在一个数组中你可以有不同的对象

所有的JavaScript变量都是对象。数组元素是对象。函数是对象。

因此,你可以在数组中有不同的变量类型。

你可以在一个数组中包含对象元素、函数、数组:

myArray[0]=Date.now;

myArray[1]=myFunction;

myArray[2]=myCars;

数组方法和属性

使用数组对象预定义属性和方法:

var x=myCars.length // myCars 中元素的数量

var y=myCars.indexOf("Volvo") // "Volvo" 值的索引值

完整的数组对象参考手册

你可以参考本站关于数组的所有属性和方法的完整参考手册。

参考手册包含了所有属性和方法的描述(和更多的例子)。

完整数组对象参考手册

创建新方法

原型是JavaScript全局构造函数。它可以构建新Javascript对象的属性和方法。

芝麻教程(web3.xin)

单击按钮创建一个数组,调用ucase()方法, 并显示结果。

点我

Array.prototype.myUcase=function(){

for (i=0;i

this[i]=this[i].toUpperCase();

}

}

function myFunction(){

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.myUcase();

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

上面的例子创建了新的数组方法用于将数组小写字符转为大写字符。

更多实例

合并两个数组 - concat()

芝麻教程(web3.xin)

var hege = ["Cecilie", "Lone"];

var stale = ["Emil", "Tobias", "Linus"];

var kai = ["Robin"];

var children = hege.concat(stale,kai);

document.write(children);

合并三个数组 - concat()

芝麻教程(web3.xin)

var parents = ["Jani", "Tove"];

var brothers = ["Stale", "Kai Jim", "Borge"];

var children = ["Cecilie", "Lone"];

var family = parents.concat(brothers, children);

document.write(family);

用数组的元素组成字符串 - join()

芝麻教程(web3.xin)

点击按钮将数组作为字符串输出。

点我

function myFunction(){

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var x=document.getElementById("demo");

x.innerHTML=fruits.join();

}

删除数组的最后一个元素 - pop()

芝麻教程(web3.xin)

单击按钮删除数组的最后一个元素。

点我

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

fruits.pop();

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

数组的末尾添加新的元素 - push()

芝麻教程(web3.xin)

单击按钮给数组添加新的元素。

点我

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

fruits.push("Kiwi")

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

将一个数组中的元素的顺序反转排序 - reverse()

芝麻教程(web3.xin)

单击按钮将数组反转排序。

点我

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

fruits.reverse();

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

删除数组的第一个元素 - shift()

芝麻教程(web3.xin)

单击按钮删除数组的第一个元素。

点我

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction(){

fruits.shift();

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

从一个数组中选择元素 - slice()

芝麻教程(web3.xin)

点击按钮将数组转为字符串并返回。

点我

function myFunction(){

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var str = fruits.toString();

var x=document.getElementById("demo");

x.innerHTML= str;

}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值