你的位置:首页 > Java教程

[Java教程]JavaScript 基础(四) 循环


JavaScript的循环有两种,一种是for 循环,通过初始条件,结束条件和递增条件来循环执行语句块:
  var x = 0;
  var i;
  for(i=1; i <=10000; i++){
    x = x +i;

  }

分析一下for循环的控制条件:
      i=1 这是初始条件,将变量i置为1;
      i <=10000 这是判断条件,满足时就继续循环,不满足就退出循环。
      i ++ 这是每次循环后的条件,由于每次循环后变量i 都会 加1,因此它终将在若干次循环后不满足判断条件 i <=10000而退出循环。

for 循环最常用的地方是利用索引来遍历数组。
    var arr=['Apple','Google','Microsoft'];
    var i, x;
    for(i=0;i<arr.length;i++){
        x=arr[i];
        alert(x)

    }

for循环的3个条件都是可以省略的,如果没有退出循环的判断条件,就必须使用break语句退出循环,否则就是死循环:

for.......in
  for 循环的一个变体是for....in 循环,他可以把一个对象的所有属性一次循环出来。
  var o = {
    name:'Jack,
    age:20,
    city:'Beijing'
  }
  for(var key in o){
    alert(Key) //"name" "age","city"
  }

要过滤掉对象继承的属性,用hasOwnProperty()来实现:
  var o = {
    name: 'Jack',
    age: 20,
    city: 'Beijing'
  };
  for (var key in o) {
    if (o.hasOwnProperty(key)) {
        alert(key); // 'name', 'age', 'city'
    }
  }

由于Array也是对象,而它的每个元素的索引被视为对象的属性,因此,for ... in循环可以直接循环出Array的索引:
  var a = ['A','B','C'];
  for(var i in a){
      alert(i); // '0' '1' '2'
      alert(a[i]); // ‘A’,'B','C'
      注意: for ... in对Array的循环得到的是String而不是Number。
   }

Map和Set
JavaScript的默认对象表示方式{} 可以视为其语音中的Map或Dictionary 的数据结构,即一组键值对。
但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。
Map 是一组键对的结构,具有极快的查找速度。
    var name =['Michael','Bob','Tracy'];
    var scores =[95,75,85];

给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。
如果用Map实现,只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找速度都不会变慢
    var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
    m.get('Michael'); // 95

初始化Map需要一个二维数组,或者直接初始化一个空Map。
    var m = new Map(); // 空Map
    m.set('Adam', 67); // 添加新的key-value
    m.set('Bob', 59);
    m.has('Adam'); // 是否存在key 'Adam': true
    m.get('Adam'); // 67
    m.delete('Adam'); // 删除key 'Adam'
    m.get('Adam'); // undefined

Set
  Set 和Map 类似,也是一个组合key的集合,但不存储value.由于key不能重复,所以,在Set中,没有重复的key。
  要创建一个Set,需要提供一个Array 作为输入,或直接创建一个空Set:
      var s1= new Set(); // 空Set
      var s2 =new Set([1,2,3]); // 含1,2,3

  重复元素在Set 中自动被过滤。
      var s= new Set([1,2,3,3,'3']);
      s: //Set{1,2,3,'3'}

  

  注意数字3和字符串'3'是不同的元素。
  通过add(key)方法可以添加元素到Set中,可以重复添加,但不会有效果:
    >>>s.add(4)
    >>>s
     {1,2,3,4}
    >>>s.add(4)
    >>>s
    {1,2,3,4}

    通过delete(key)方法可以删除元素:
    var s=new Set([1,2,3])
    s://Set{1.2.3}
       s.delete(3);
       s://Set{1,2}