1. for，while，do…while循环
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>循环语句</title>
<script type="text/javascript">
window.onload = function(){
var a = document.getElementsByClassName('list');
/*for(var i=0;i<8;i++){ //for 循环 第一个值，定义一个开始的量， 第二个值，决定它的循环范围 第三个值，每一次加一，保证循环的进行
alert(i);
a[i].style.background='cyan';
}*/
/*for(;;){ //for 的死循环
alert(i);
}*/
/*var i = 0; //while 循环，开始定义一个开始的值，在内部判断，然后用i++保持循环的正常进行
while(i<a.length){
if (i%2==0) {
a[i].style.background="cyan";
}
i++
}*/
/* while(true){ //while 的 死循环
alert(1);
}*/
var i = 0; // do ……while 循环，不管如何执行， do里面的内容都会至少执行一遍 ，然后在进行判断 是否要继续执行
do{
if (i%2==0) {
a[i].style.background="red";
}
i++
}while(i<a.length);
}
</script>
</head>
<body>
<div class="list">div1</div>
<div class="list">div2</div>
<div class="list">div3</div>
<div class="list">div4</div>
<div class="list">div5</div>
<div class="list">div6</div>
<div class="list">div7</div>
</body>
</html>
2. 数组去重
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组去重</title>
<script type="text/javascript">
var a = [1,2,3,4,5,6,6,5,7,8,4];
var b = [];
for(var i = 0;i<a.length;i++){
if (a.indexOf(a[i]) == i){ // 每一个数第一次出现的下标 和 当前下标比较，（ 第一次出现时，下标是相同的），如果相同，就是第一次出现，则加入新的数组中
b.push(a[i]);
}
}
alert(b);
</script>
</head>
<body>
</body>
</html>
3. 字符串处理方法（分隔，截取，下标取值，大小写转换，字符串反转）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字符串处理方法</title>
<script type="text/javascript">
var a = "2018-07-17";
var b = a.split('-'); // 字符串的分割 //2018,07,17
var b = a.split(''); //2,0,1,8,-,0,7,-,1,7
alert(b);
console.log(b); // 分割后，数据类型变化为 数组
document.title='自定义titile'; // 修改 title 属性
var first='#div';
var con=first.charAt(0);
alert(con);
var num = '1234567890';
var d = num.substring(1,5); // 2345 截取指定嗲表位置的 内容，有头无尾
alert(d)
var big= 'abcdABCD';
alert(big.toUpperCase()); //转换成 大写
alert(big.toLowerCase()); //转换成 小写
var num2 = '1234abc';
var bb = num2.split('').reverse().join(''); // 因为 reverse方法在js中只能给数组用，所以，先把字符
//串转换成数组，然后把数组反转，最后用join把数组拼接成字符串
alert(bb)
</script>
</head>
<body>
</body>
</html>
网友评论