zhuhuiwen Front-end Dev Engineer

js基础第二天

2016-09-28

9/28/2016 8:40:57 AM

反馈信息

  1. var time = new Date();
  2. console.log(+time);//转换时间戳

循环

for循环

  1. 语法

     for(var i=1;i<=5;i++){
    			 console.log(i);
    	}
    
    (1) var i = 1;初始化表达式 (2) i<=5 条件判断
    (3) i++ 自增自减 循环后表达式 (4)console.log() 循环体

注意: 执行顺序: 1 {2 4 3} 循环

断点调试

  1. F12–>sources–>找到需要打断点的文件–>打断点(哪里不会点哪里)–>刷新
  2. watch–>+进行添加监控
  3. F8调到下一个断点处,如果后面没有断点了,就直接跳到代码结束
  4. F10 让代码一步一步的往后执行
  5. 监听的时候,一定要注意,不要监听表达式,只监听变量
    • 因为这个表达式在监听的时候也会去执行这个表达式

注释

  1. ctrl+/ 单行注释
  2. ctrl+shift+/ 多行注释

    continue break

  3. continue 仅仅跳出本次循环,跳转到i++
  4. break 跳出整个循环,跳转到for循环大括号外

    while 例子之类的

    使用场景[掌握]

  5. 什么时候用while,什么时候用for
    • 明确知道循环次数的时候都用for
    • 不知道要循环多少次的时候,就可以用while或者是do..while
    • 至少要执行一次的情况,用do..while

      webstorm快捷键

  6. chtrl+d 复制一行
  7. ctrl+y 删除一行
  8. ctrl+z 撤销
  9. ctrl+shift+z 反撤销
  10. ctrl+alt+l 格式化代码
  11. alt+insert 新建文件
  12. alt+f2 预览 9/28/2016 11:41:15 AM

9/28/2016 2:31:53 PM

数组

为什么要学数组

  • 数组可以批量的存储很多的数据,并且方便去除

如何定义一个数组

  1. 构造函数的方式
    • var array = new Array()
    • 在控制台打印的时候,会出现Array[5]这种形式,想看到数组的具体指,刷新就可以看到
    • 同一个数组,同一种类型
  2. 字面量定义一个数组
    • []就是数组的字面量
    • var arr2 = [1,2,3];

      最常用的方式

      数组的长度和索引

  3. 数组的长度: length:值的是数组里面有多少个元素
  4. 数组的索引: 从0开始,到arr.length-1

    数组的取值和赋值

  5. 取值: 数组名[索引/下标]
  6. 赋值: arr[0] = “你好”
  7. 稀疏数组: 不连续的数组
  8. 数组的赋值和取值
    • 如何取出数组里面的值
      • 数组名[索引值]
      • 注意
        • 如果超出了最大索引,取出来是undefiend
    • 赋值
      • arr[0] = “你好”
      • 注意
        • 如果该索引上有知了,会覆盖原来的值
        • 如果该索引上没有值,就会直接添加这个值
        • 稀疏数组
          • 里面有坑,数组不连续

            数组的遍历

  9. 数组的遍历
    • 遍历所有,把数组里面的值全部取出来
    • i能娶到的最大值: arr.length-1
    • 代码

        var arr1 = [1,2,3];
        //数组的正常遍历
            for(var i=0;i<arr1.length;i++){
             	console.log(arr1[i]);//1 2 3
            }
      
  10. 数组的逆向遍历

     var arr1 = [1,2,3];
     for(var i=arr1.length-1;i>=0;i--){
     		console.log(arr1[i]);// 3 2 1
     	}
    

9/28/2016 3:18:35 PM

数组的一些练习

  1. 给数组添加新元素 arr.length
    • 见数组练习二
  2. 如何给一个数组添加新元素
    • arr.push(“值”);

      数组的length

  3. 获取数组中元素的个数(连续的数组)
  4. 可以设置length属性,但是不推荐这么用
  5. arr[arr.length] = 11;给数组添加新元素

    数组的其他的常用方法

    排序

  6. 冒泡排序
    1. 第一趟, 确定了最大值
    2. 比较第二趟是,确定第二个最大值
  7. 总共要比arr.length-1趟 最后一趟不用比
  8. 第一趟的时候比较了5次,arr.length ,因为不用跟自己比
  9. 第二趟5次
  10. 第三个5次

三种,注意理解

冒泡排序代码

		var arr = [65, 97, 76, 13, 27, 49, 58];
		var tCount = 0;
		var cCount = 0;
		//外面控制的趟数
		for(var i=0;i<arr.length-1;i++){
		tCount++;
		var flag = true;
		//内循环控制的次数
		for(var j = 0;j<arr.length-1-i;j++){
		cCount++;
		if(arr[j]>arr[j+1]){
		var temp = arr[j];
		arr[j] = arr[j+1];
		arr[j+1] = temp;
		flag = false;
		}
		}
		if(flag){
		break;
		}
		}
		console.log(arr);//[13, 27, 49, 58, 65, 76, 97]
		console.log("比较的趟数是"+tCount+"比较的次数是"+cCount);//比较的趟数是4比较的次数是18

9/28/2016 5:39:52 PM


Similar Posts

上一篇 js基础第一天

Comments