前端实践--JavaScript--数组

使用Javascript语言,把以下数组

var arr = [‘‘,’##’,”“,”&&”,”*”,”##“];

arr[7] = “**”;

在页面显示如下图所示的图案:

前端实践--JavaScript--数组_第1张图片

任务分解

  • 第一步:定义一个数组,存储要展示的图形。
提示:
var  arr = ['*','##',"***","&&","****","##*"];
   arr[7] = "**";
  • 第二步:预想一下arr 数组的长度是多少?
 提示: 使用alert弹出数组的长度,看看是否跟自己的答案一样。
  • 第三步:将数组内容输出,完成达到的效果。
 提示: 想在不同行显示不同数组内容,别忘记<br/>换行标签

代码:

<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>数组</title>
<script type="text/javascript"> //创建数组 var arr=new Array('*','##','***',"&&","****","##*"); arr[7] = "**"; //显示数组长度 document.write("数组长度为:"+arr.length+"<br>"); //将数组内容输出,完成达到的效果。 document.write(arr[0]+"<br>"+arr[7]+"<br>"+arr[2]+"<br>"+arr[4]) </script>
</head>
<body>
</body>
</html>

演示效果:

前端实践--JavaScript--数组_第2张图片

任务来源:慕课网- - 《JavaScript 进阶》- - 数组 - - 编程练习

你可能感兴趣的:(JavaScript,前端)