Javascript基础之数组的使用
来源: 阅读:779 次 日期:2016-07-01 09:30:47
温馨提示: 小编为您整理了“Javascript基础之数组的使用”,方便广大网友查阅!

这篇文章主要介绍了Javascript基础之数组的使用的相关资料,介绍的非常详解,具有参考借鉴价值,感兴趣的朋友一起学习吧

Javascript 数组的工作方式与大多数编程语言的数组类似。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>learn4Array</title>

</head>

<body>

<script type="text/javascript">

//创建和填充数组

var myArray = new Array();

myArray[0] = 100;

myArray[1] = "Luka";

myArray[2] = true;

</script>

</body>

</html>

创建数组的时候不需要声明数组中元素的个数。 Javascript数组会自动调整大小以便容纳所有元素。

不必声明数组所含数据的类型。JavaScript数组可以混合包含各种数据的类型 。

1. 使用数组字面量

使用字面量,可以在一条语句中创建和填充数组。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>learn4Array</title>

</head>

<body>

<script type="text/javascript">

var myArray = [100,"Luka",true];

</script>

</body>

</html>

此例通过在一对方括号([ 和 ])之间指定所需要数组元素的方法创建了一个新数组,并将其赋给变量 myArray 。

2. 读取和修改数组内容

要读取指定索引位置的数组元素值,应使用一对方括号([ 和 ])并将索引值放在方括号间。JavaScript数组的索引值从0开始。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>learn4Array</title>

</head>

<body>

<script type="text/javascript">

var myArray = [100,"Luka",true];

//读取指定索引位置的数组元素值

document.writeln("Index 0:"+myArray[0]+"<br />");

//修改数组

myArray[0] = "Monday";

document.writeln("Index 0:"+myArray[0]);

</script>

</body>

</html>

输出结果:

Index 0:100

Index 0:Monday 

3. 枚举数组内容

可以用 for 循环枚举数组内容。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>learn4Array</title>

</head>

<body>

<script type="text/javascript">

var myArray = [100,"Luka",true];

for(var i= 0;i < myArray.length;i++){

document.writeln("Index "+i+": "+myArray[i]+"<br />")

}

</script>

</body>

</html>

输出结果:

Index 0: 100

Index 1: Luka

Index 2: true 

3. 使用内置的数组方法

Javascript 中的Array 对象定义了许多方法。下图罗列了一些最常用的方法。

名单

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>learn4Array</title>

</head>

<body>

<script type="text/javascript">

var myArray1 = [100,"Luka"];

var myArray2 = [true];

//concat(<otherArray>)

var myArray = myArray1.concat(myArray2);

for(var i= 0;i < myArray.length;i++){

document.writeln("myArray["+i+"]: "+myArray[i]+"<br />")

}

document.writeln("<br />");

//join(<separator>)

var strArray = myArray.join('-');

document.writeln(strArray+"<br />");

document.writeln("<br />");

//pop()

myArray.pop();

document.writeln(myArray+"<br />");

document.writeln("<br />");

//push(<item>)

myArray.push("Hello Javascript",200);

document.writeln(myArray+"<br />");

document.writeln("<br />");

//reverse()

myArray = myArray.reverse();

document.writeln(myArray+"<br />");

document.writeln("<br />");

//shift()

myArray.shift();;

document.writeln(myArray+"<br />");

document.writeln("<br />");

//slice(<start>,<end>)

document.writeln( myArray.slice(1,3)+"<br />");

document.writeln( myArray.slice(0)+"<br />");

document.writeln("<br />");

//sort()

function sortNumber(a,b)

{

return b - a;

}

var myArray3 = ["George","John","Thomas","James","Adrew","Martin"];

var myArray4 = [10,5,40,25,1000,1];

document.writeln( myArray3.sort()+"<br />");

document.writeln( myArray4.sort()+"<br />");

//使用一个排序函数,按照数值的大小对数字进行排序

document.writeln( myArray4.sort(sortNumber)+"<br />");

document.writeln("<br />");

//unshift(<item>)

myArray.unshift(1,2);

document.writeln(myArray+"<br />");

</script>

</body>

</html>

输出结果:

myArray[0]: 100

myArray[1]: Luka

myArray[2]: true

100-Luka-true

100,Luka

100,Luka,Hello Javascript,200

200,Hello Javascript,Luka,100

Hello Javascript,Luka,100

Luka,100

Hello Javascript,Luka,100

Adrew,George,James,John,Martin,Thomas

1,10,1000,25,40,5

1000,40,25,10,5,1

1,2,Hello Javascript,Luka,100

以上内容是小编给大家介绍的Javascript基础之数组的使用,希望对大家有所帮助!

更多信息请查看网络编程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map