课堂小记---JavaScript(1)

时间:2022-09-27 09:50:01

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)); //false
14 </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>