正文
课堂小记---JavaScript（1）
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
day01
1、数据类型 number string boolean undefined object function
加号具有两种功能，数字相加 和 字符串拼接。加号两边只要碰见字符串，则执行字符串拼接。
number（），parseInt（），parseFloat方法都可以将字符串转换成数字类型
2、“=”，一个等号表示赋值，“==”两个等号表示等于（此时不考虑数据类型），“===”，三个等号表示全等于（此时考虑数据类型）
3、NAN不是一个用来运算的值，因此 NAN 不等于 NAN 。NAN是一个 number类型。
4、toString(n); 转换成n进制 parseInt（n，m），将n转换成m进制
day03
1、 return 语句有两个作用，返回和终止函数运行。
2、argument ，一个对象，该对象将函数的所有参数保存为一个数组。在函数中可以直接调用。在严格模式下数组中内容的修改将不能与函数中调用的参数同步。
day04
练习题：
1、通过循环生成顺序为一个5×5的二维数组a赋1到25的自然数，然后输出该数组的左下半三角。试编程。
<script> var count = 0; for (var i = 1; i <= 25; i++) { if (count % 5 == 0 && count != 0) { document.write("<br>"); } count++; var node = document.createElement("div"); var txt = document.createTextNode(i); node.style.width = "20px"; node.style.float = "left"; node.appendChild(txt); document.body.appendChild(node); } var count2 = 1; var temp = 1; for (var i = 1; i <= 25; i++) { if (count % 5 == 0 && count != 0) { document.write("<br>"); temp = count2; count2++; // console.log(temp); } count++; var node = document.createElement("div"); if (temp > 0) { var txt = document.createTextNode(i); temp--; } node.style.color = "red"; node.style.width = "20px"; node.style.float = "left"; node.appendChild(txt); document.body.appendChild(node); } document.write("<br>"); </script>
数组写法：
<script> var a = []; var temp = null; for (var i = 0; i < 25; i++) { if (i % 5 == 0) { temp = new Array(0); a.push(temp); } temp.push(i + 1); } console.log(a.length); console.log(a); for (var i = 0; i < a.length; i++) { for (var j = 0; j <= i; j++) { document.write(a[i][j]); } document.write("<br>"); } </script>
2、定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。
<script> var a = new Array(30); var b = 2; var c = []; for (var i = 0; i < a.length; i++) { a[i] = b; b += 2; } var sum = 0; for (var i = 0; i <= a.length; i++) { if (i % 5 == 0 && i != 0) { c.push(sum / 5); sum = 0; } sum += a[i]; } </script>
3、随机点名程序
<script> var namelist = ["宋健", "唐小丽", "栗洁", "佘美晨", "王尹玮", "甘秀能", "孙琦林", "杨洪娜", "韩彦曦", "刘禹麟", "潘熙", "田士恩", "滕文松", "张志阵", "龙 海", "刘泽阳", "盘睿", "韩俊倩", "侯红申", "于明皓", "李嘉辉", "杨鹏", "莫瑞飞", "张亚楠", "欧阳秋雪", "李亚宁", "刘家彬", "王宗其", "刘浩", "董珂莹", "梁晓宇", "王天鹤", "胡振涛", "李双霜", "胡兵康", "程作鹏", "陈维宇", "郭紫玉", "范林强", "张迪", "陈钲", "张晓婷", "刘丽", "王靖宇" ]; //44个 // console.log(namelist.length); var random = parseInt(Math.random() * namelist.length); document.write(namelist[random]); document.write("<br>"); </script>
4、点击按钮，生成数字字母验证码
<script> var list = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0', 'a', 'b', 'c']; var btn = document.createElement("button"); var code = document.createElement("div"); btn.innerHTML = "点击生成验证码"; document.body.appendChild(btn); btn.onclick = function () { code.innerHTML = ""; var one = list[parseInt(Math.random() * list.length)]; var two = list[parseInt(Math.random() * list.length)]; var three = list[parseInt(Math.random() * list.length)]; var four = list[parseInt(Math.random() * list.length)]; var hintContent = document.createTextNode(one + " " + two + " " + three + " " + four); console.log(hintContent); code.appendChild(hintContent); code.style.border = "1px solid"; code.style.display = "inline-block"; document.body.appendChild(code); } </script>
5、请编写一个函数join，将数组的每一位按照指定字符链接起来 ，例如： join([1,2,3], "%")， 运行结果"1%2%3";
<script> function join(Arr, operator) { var str = ""; for (var i = 0; i < Arr.length; i++) { if (i == Arr.length - 1) { str += Arr[i]; } else { str += Arr[i] + operator; } } return str; } document.write(join([1, 2, 3], "%")); </script>
6、随机生成一个五位以内的数，然后输出该数共有多少位，每位分别是什么
<script> var str=parseInt(Math.random()*99999).toString(); console.log("共"+(str.length)+"位数字"); for(var i=0;i<str.length;i++){ console.log("第"+(i+1)+"位是："+str[i]); } </script>
7、编写函数map(arr) 把数组中的每一位数字都增加30%
<script> //编写函数map(arr) 把数组中的每一位数字都增加30% function map(arr){ for (var i = 0; i < arr.length; i++) { arr[i]*=1.3; } } qq=[4,5,6,9,8,7]; map(qq); console.log(qq); </script>
8、编写函数has(arr , 60) 判断数组中是否存在60这个元素，返回布尔类型
<script> // 编写函数has(arr , 60) 判断数组中是否存在60这个元素，返回布尔类型 function has(arr,n) { for (var i = 0; i < arr.length; i++) { if(arr[i]==n){ return true; }else{ continue; } } return false; } console.log(has([1,2,22,3,4,5,55,54,87,77],60)); //false14 </script>
9、编写函数noRepeat(arr) 将数组的重复元素去掉，并返回新的数组
<script> //编写函数noRepeat(arr) 将数组的重复元素去掉，并返回新的数组 function noRepeat(arr){ for(var i in arr){ for(var j in arr){ if(j==i){ continue; }else if(arr[i]==arr[j]){ arr.splice(j,1) } } } return arr; } console.log(noRepeat([6,3,2,4,2,5,3]));// [6,3,2,4,5] </script>
