首页手记【九月打卡】第19天 JavaScript进阶篇

【九月打卡】第19天 JavaScript进阶篇

标签：

JavaScript

课程章节：第7章 JavaScript内置对象

课程内容：

随机数 random()

random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数。

语法：

Math.random();

注意：返回一个大于或等于 0 但小于 1 的符号为正的数字值。

我们取得介于 0 到 1 之间的一个随机数，代码如下：

<script type="text/javascript">   
document.write(Math.random()); 
</script>

运行结果：

0.190305486195328

注意:因为是随机数，所以每次运行结果不一样，但是0 ~ 1的数值。

获得0 ~ 10之间的随机数，代码如下:

<script type="text/javascript">   
document.write((Math.random())*10); 
</script>

运行结果：

8.72153625893887

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mathint </title>
<script type="text/javascript">
var i=Math.random()*10;
document.write(parseInt(i)+"<br />");
</script>
</head>
<body>
<input type=button value="刷新" onclick="window.location.reload()"><br>
</body>
</html>

Array 数组对象

数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的

数组定义的方法：

1. 定义了一个空数组:

var  数组名= new Array();

2. 定义时指定有n个空元素的数组：

var 数组名 =new Array(n);

3.定义数组的时候，直接初始化数据：

var  数组名 = [<元素1>, <元素2>, <元素3>...];

我们定义myArray数组，并赋值，代码如下：

var myArray = [2, 8, 6];

说明：定义了一个数组 myArray，里边的元素是：myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

数组元素使用：

数组名[下标] = 值;

注意: 数组的下标用方括号括起来，从0开始。

数组属性：

length 用法：<数组对象>.length；返回：数组的长度，即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

数组方法：

<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
   var myArray1 = [2, 8, 6];
   var myArray2 = [1, 2, 3];

    document.write(myArray1.concat(myArray2));
</script>
</head>
<body>

</body>
</html>

数组连接concat()

concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。

语法

arrayObject.concat(array1,array2,...,arrayN)

参数说明：

注意: 该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

我们创建一个数组，将把 concat() 中的参数连接到数组 myarr 中，代码如下：

<script type="text/javascript">  
var mya = new Array(3);  
mya[0] = "1";   
mya[1] = "2";   
mya[2] = "3";   
document.write(mya.concat(4,5)+"<br>");   
document.write(mya);  </script>

运行结果：

1,2,3,4,5 1,2,3

我们创建了三个数组，然后使用 concat() 把它们连接起来，代码如下：

<script type="text/javascript">   
var mya1= new Array("hello!")   
var mya2= new Array("I","love");   
var mya3= new Array("JavaScript","!");   
var mya4=mya1.concat(mya2,mya3);   
document.write(mya4); 
</script>

运行结果：

hello!,I,love,JavaScript,!

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
    var myarr1= new Array("010")
    var myarr2= new Array("-","84697581");
    document.write(myarr1.concat(myarr2));
</script>
</head>
<body>
</body>
</html>

课程收获：

谢谢老师，讲的非常细致，很容易懂。这一节学习了random()方法,定义数组和concat()连接数组的方法,通过学习我了解了这些方法在什么情况下使用，给以后的学习打下了基础。以及对数据有了新的认识，期待后边的学习!

点击查看更多内容