关于JS的问题(设计二维数组)

JavaScript018

关于JS的问题(设计二维数组),第1张

<script type="text/javascript">

//你的代码

var myarr = [['小A','女',21,'大一'],['小B','男',23,'大三'],['小C','男',24,'大四'],['小D','女',21,'大一'],

['小E','女',22,'大四'],['小F','男',21,'大一'],['小G','女',22,'大二'],['小H','女',20,'大三'],

['小I','女',20,'大一'],['小J','男',20,'大三']]

var firarry = new Array()

for(var i=0i<10++i){ //这句不对,i=0,++1,那么下面这行的i就是1了

if(myarr[i][3]=='大一'){

firarry = myarr[i]

//document.write(firarry)//这行输出大一的,没有用

}

}

for(var j=0j<4++j){//因为上面的被覆盖了,所以这是最后一个大一的,再遍历也只有一个人,

// 而且控制条件写的不对,怎么可以小于4呢,里面只有一个人呀!

if(firarry[j][1]=='女')

document.write(firarry[j][0])

}

/* 这里附上我写的一个运行成功的代码

var myarr=[['小A','女',21,'大一'],['小B','男',22,'大三'],['小c','男',15,'女'],['小D','女',14,'大一']]

for(var i=0i<myarr.lengthi++){

if(myarr[i][3]=='大一'&&myarr[i][1]=='女'){

document.write(myarr[i])

}

}

*/

</script>

<script language=javascript>

//CharMode函数

//测试某个字符是属于哪一类.

function CharMode(iN){

if (iN>=48 &&iN <=57) //数字

return 1

if (iN>=65 &&iN <=90) //大写字母

return 2

if (iN>=97 &&iN <=122) //小写

return 4

else

return 8//特殊字符

}

//bitTotal函数

//计算出当前密码当中一共有多少种模式

function bitTotal(num){

modes=0

for (i=0i<4i++){

if (num &1) modes++

num>>>=1

}

return modes

}

//checkStrong函数

//返回密码的强度级别

function checkStrong(sPW){

if (sPW.length<=4)

return 0//密码太短

Modes=0

for (i=0i<sPW.lengthi++){

//测试每一个字符的类别并统计一共有多少种模式.

Modes|=CharMode(sPW.charCodeAt(i))

}

return bitTotal(Modes)

}

//pwStrength函数

//当用户放开键盘或密码输入框失去焦点时,根据不同的级别显示不同的颜色

function pwStrength(pwd){

O_color="#eeeeee"

L_color="#FF0000"

M_color="#FF9900"

H_color="#33CC00"

if (pwd==null||pwd==''){

Lcolor=Mcolor=Hcolor=O_color

}

else{

S_level=checkStrong(pwd)

switch(S_level) {

case 0:

Lcolor=Mcolor=Hcolor=O_color

case 1:

Lcolor=L_color

Mcolor=Hcolor=O_color

break

case 2:

Lcolor=Mcolor=M_color

Hcolor=O_color

break

default:

Lcolor=Mcolor=Hcolor=H_color

}

}

document.getElementById("strength_L").style.background=Lcolor

document.getElementById("strength_M").style.background=Mcolor

document.getElementById("strength_H").style.background=Hcolor

return

}

</script>

<form name=form1 action="" >

输入密码:

<input type=password size=10 onKeyUp=pwStrength(this.value)

onBlur=pwStrength(this.value)>

<br>密码强度:

<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"

height="23" style='display:inline'>

<tr align="center" bgcolor="#eeeeee">

<td width="33%" id="strength_L">弱</td>

<td width="33%" id="strength_M">中</td>

<td width="33%" id="strength_H">强</td>

</tr>

</table>

</form>

我写的规则是 6位以上等级加1,12位以上加1,有小写英文或大写英文加1,大小写都有加2

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        input{

            float: left

        }

        .d1{

            float: left

            width: 30px

            height: 20px

            border-radius: 8px

            border: black solid 1px

        }

    </style>

</head>

<body>

<input onkeyup="fn()"><div class="d1"></div><div class="d1"></div><div class="d1"></div><div class="d1"></div>

<script>

    var i = 0

 function fn(){

     i=0

     var val = document.getElementsByTagName('input')[0].value

     var diArr = document.getElementsByTagName('div')

     for(var j=0j<diArr.lengthj++){

         diArr[j].style.background = "white"

     }

     console.log(val.length)

     if(val.length>=6){

         

        diArr[i].style.background = "red"

         i++

        if(/[a-z]/.test(val) && /[A-Z]/.test(val)){

            diArr[i].style.background = "red"

            i++

            diArr[i].style.background = "red"

            i++

        }else if(/[a-z]/.test(val) || /[A-Z]/.test(val)){

             diArr[i].style.background = "red"

             i++

         }

         if(val.length >= 12){

             diArr[i].style.background = "red"

             i++

         }

     }

 }

</script>

</body>

</html>