Web開發（初級）- python、JavaScript及jQuery循環語句

循環語句

一、概述

    python中循環語句有兩種，while，for；

    JavaScript中循環語句有四種，while，do/while，for，for/in

    jQuery循環語句each

二、python循環語句

2.1 for 循環

# a、

li = [1, 2, 3, 4]
for i in li:
    print(i)

# b、

li = [1, 2, 3, 4]
for i, j in enumerate(li, 1):
    print(i, j)
    
# enumerate(li, 1)中的 1 代表索引從 1 開始，默認爲空，代表從 0 開始

# c、

li1 = [1, 3, 5, 7]
li2 = [2, 4, 6, 8]
for i, j in zip(li1, li2):
    print(i, j)

# d、不要通過 dic.items()來循環字典，效率會非常低

dic = {'a': 1, 'b': 2}
for k in dic:
    print(k, dic.get(k))
    
# 上述代碼中，相當於對字典的key進行循環，等價於下面的代碼：

dic={'a': 1, 'b': 2}
for k in dic.keys():
    print(k, dic.get(k))
    
# 對於值的循環，即 for v in dic.values() ...

2.2 while循環

while True：
    pass
    
# 在python中除了none、''、[]、{}、()、False，其他均爲真值，即爲True。

# 對於循環判斷：eg. flag
# 判斷是否爲真：while flag:
# 判斷是否爲假：while not flag:

三、JavaScript循環語句

a、while循環

var count = 0;
while(count < 10){
    console.log(count);
    count ++;
}

# JavaScript定義局部變量用var

b、do/while

do{
   代碼塊;
}while(條件語句)

c、for

var a = document.getElementById('key').children;
for(var i=0; i<a.length; i++){
    var inp=a[i];
    var at=inp.getAttribute('type');
    if(at=='text'){
        inp.setAttribute('value', '123');
    }
} 

# 獲取id='key'下所有type='text'的標籤並設置value值等於'123'.

d、for  in

var c1 = document.getElementById('i1').getElementsByTagName('input');
for(var i in c1){
    if(c1[i].checked){
      c1[i].checked=false;
  }else{
      c1[i].checked=true;
  }
}

四、jQuery循環語句

each語句：

$(':text').each(function(){
    console.log($(this).val()) ;
});

# $(':text') ==> $('input[type="text"]')

語法規則：標籤集合.each（匿名函數）

    上述代碼的意思是:獲取所有inp標籤中type='text',的標籤，並對其進行循環，每次打印它的值。

    jQuery中跳出循環用return：

        return true：退出本次循環，執行下次循環，相當於其它語言的continue；

        return false：退出本層循環，即退出當前each，相當於其它語言的break；