Python JavaScript4: 數(shù)組和循環(huán)語句

一芯丧、數(shù)組

1.1映跟、數(shù)組就是一組數(shù)據(jù)的集合九昧，javascript中，數(shù)組里面的數(shù)據(jù)可以是不同類型的

1.2蟋恬、定義數(shù)組的方法

//對象的實(shí)例創(chuàng)建
var aList = new Array(1,2,3);

//直接量創(chuàng)建
var aList2 = [1,2,3,'asd'];

1.3、操作數(shù)組中數(shù)據(jù)的方法
- <1>趁冈、獲取數(shù)組的長度：aList.length;
```
var aList = [1,2,3,4,5];
alert(aList.length); // 彈出5
```
- <2>歼争、用下標(biāo)操作數(shù)組的某個(gè)數(shù)據(jù)：aList[3];
```
var aList = [1,2,3,4];
alert(aList[3]); // 彈出4
```
- <3>拜马、join() 將數(shù)組成員通過一個(gè)分隔符合并成字符串
```
var aList = [1,2,3,4];
alert(aList.join('-')); // 彈出 1-2-3-4
```
- <4>、push() 和 pop() 從數(shù)組最后增加成員或刪除成員
```
var aList = [1,2,3,4];
aList.push(5);
alert(aList); //彈出1,2,3,4,5
aList.pop();
alert(aList); // 彈出1,2,3,4
```
- <5>沐绒、unshift()和 shift() 從數(shù)組前面增加成員或刪除成員
```
var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //彈出5,1,2,3,4
aList.shift();
alert(aList); // 彈出1,2,3,4
```
- <6>俩莽、reverse() 將數(shù)組反轉(zhuǎn)
```
var aList = [1,2,3,4];
aList.reverse();
alert(aList);  // 彈出4,3,2,1
```
- <7>、indexOf() 返回?cái)?shù)組中元素第一次出現(xiàn)的索引值（也就是數(shù)組中有多個(gè)相同的元素乔遮，在相同的元素中第一次出現(xiàn)的元素的索引值）扮超，如下面的4，第一次出現(xiàn)是索引值 3,后面4的indexOf()返回值都是 3
```
var aList = [1,2,3,4,1,3,4,5,8,9,4];
alert(aList.indexOf(4));
```
- <8>蹋肮、splice() 在數(shù)組中增加或刪除成員
```
var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //從第2個(gè)元素開始出刷，刪除1個(gè)元素，然后在此位置增加'7,8,9'三個(gè)元素
alert(aList); //彈出 1,2,7,8,9,4
```
1.4坯辩、多維數(shù)組：多維數(shù)組指的是數(shù)組的成員也是數(shù)組的數(shù)組
```
var aList = [[1,2,3],['a','b','c']];
alert(aList[0][1]); //彈出2;
```

二馁龟、循環(huán)語句：程序中進(jìn)行有規(guī)律的重復(fù)性操作，需要用到循環(huán)語句

2.1漆魔、for循環(huán)
```
for(var i=0;i<len;i++)
{
     ......
}
```

2.2坷檩、數(shù)組去重(利用 indexOf() 返回?cái)?shù)組中元素第一次出現(xiàn)的索引值)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>數(shù)組去重練習(xí)</title>
    <script type="text/javascript">
         var aList = [1,2,3,4,1,3,4,5,8,9,4];
         var aList2 = [];
         for(var i=0;i<aList.length;i++)
         {
            if(aList.indexOf(aList[i])==i)
            {
                aList2.push(aList[I]);
            }
         }
         alert(aList2);
    </script>
</head>
<body>
</body>
</html>

2.3、將數(shù)組中的數(shù)據(jù)放入到頁面中的列表中

將數(shù)組中的數(shù)據(jù)放入到頁面中的列表中

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>將數(shù)組中的數(shù)據(jù)放入到頁面中的列表中</title>
   <script type="text/javascript">
         window.onload = function () {
             var oUl = document.getElementById('list1');
             var aList = ['美人魚','瘋狂的動(dòng)物城','俠嵐'];
             var iLen = aList.length;
             var sTr = '';

             for (var i=0;i<iLen;i++){
                  sTr += '<li>' + aList[i] + '</li>';
             }
             oUl.innerHTML = sTr;
         }
   </script>
   <style type="text/css">

        .list{
            list-style: none;
            margin: 50px auto 0;
            padding: 0px;
            width: 300px;
            height: 305px;
         }
        .list li{
            height: 60px;
            border-bottom: 1px dotted #000;
            line-height: 60px;
            font-size: 16px;
         }
   </style>
</head>
   <body>
     <ul id="list" id="list1">
         <li>小孩兒</li>
         <li>小孩兒</li>
         <li>小孩兒</li>
     </ul>
</body>
</html>

最后編輯于：2019.04.15 11:03:26

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者