5 篇笔记 写笔记

1. #0

   LongStay

   xuz***[email protected]

   39

   使用数组对象结合 select 对象实现二级级联菜单。

   select1 省级菜单, select2市级菜单

   在省级标签中添加事件onchange="addOption()"

   <select id="a1" onchange="addOption()"></select>
   <select id="a2"></select>
   

   尝试一下 »

   LongStay

   xuz***[email protected]

   9年前 (2017年06月14日)
2. #0

   Mrshang110

   146***[email protected]

   17

   访问数组元素和访问对象属性时,会发现他们的格式很像:

   var array = [1, 2, 3];
   var item = array[2]; // 访问数组元素
   var person = {name: "Mrshang110", age: 24};
   var name = person["name"]; // 访问对象元素

   数组是特殊的对象。

   对象的属性名是字符串类型的,数组可以看做属性名是数字类型的,这样就很好理解了。

   数组还针对数组的特性,对对象属性的布局做了优化。

   Mrshang110

   146***[email protected]

   9年前 (2017年06月14日)
3. #0

   子不语

   394***[email protected]

   15

   遍历一维数组: 依次访问数组中每个元素,对每个元素执行相同的操作

   for(var i=0;i<arr.length;i++){
    arr[i]//当前正在遍历的元素
   }

   遍历关联数组: for in 循环

   for(var key in hash){
    key//只是元素的下标名
    hash[key]//当前元素值
   }

   其实: js底层,一切对象都是关联数组:

   比如: 索引数组,window等

   遍历二维数组: 外层循环遍历行,内层循环遍历列

   for(var r=0;r<arr.length;r++){
    for(var c=0;c<arr[r].length;c++){
    arr[r][c]//当前元素
    }
   }

   子不语

   394***[email protected]

   9年前 (2017年09月28日)
4. #0

   生活很黑白

   975***[email protected]

   40

   Js 中为数组提供了多种遍历方式

   const ary = ['a', 'b', 'c'];
   // 最基本的方式, 只能遍历下标有序递增的数组
   for (let i=0; i<ary.length; i++) {
    console.log(i, ary[i]); // 0 a 1 b 2 c
   }
   // in:每遍历一次数组指针向后移动一位, 并得到当前数组元素值的下标, 可以通过 ary[key] 来访问数组元素值
   for (let key in ary) {
    console.log(key, ary[key]); // 0 a 1 b 2 c
   }
   // of:每遍历一次数组指针向后移动一位, 并得到当前数组元素的值, 处理二维数组时极为方便
   for (let value of ary) {
    console.log(value); // a b c
   }

   Js还为数组对象内置了多种迭代方法, 处理数组时极为方便

   /**
    * forEach(function)
    * 
    * 该方法接受一个函数作为参数, 该函数拥有两个参数, 分别为数组的值、键
    * 该方法没有返回值
    */
    ary.forEach((value, key) => {
    console.log(key, value); // 0 a 1 b 2 c
    })
   /**
    * map(function)
    * 
    * 该方法接受一个函数作为参数, 该函数拥有两个参数, 分别为数组的值、键
    * 可以在传入的函数中返回相应的值,你每次迭代时返回的值会被map方法组装成一个新数组作为返回值返回
    */
    var result = ary.map((value, key) => {
    return value + '_runoob.com';
    })
    console.log(result); // ['a_runoob.com', 'b_runoob.com', 'c_runoob.com']

   生活很黑白

   975***[email protected]

   9年前 (2018年01月08日)
5. #0

   tianqixin

   429***[email protected]

   30

   数字索引与非数字索引

   JavaScript 数组只支持数字索引,非数字索引指的是对象的属性了。

   JavaScript 的数组可以看做是特殊的对象(object),对象的属性有两种表示方法。

   var a=Object();
   a.myattr="runoob";
   a["myattr"]="runoob";

   查看以下实例:

   var a=new Array();
   a['a1']=1;
   a['a2']=2;
   a.length // 输出0

   实例中由于你没有给数组的元素赋值,所以 a 数组的长度也没有被创建出来,此时 a.length 输出结果为 0。

   var a=new Array();
   a['a1']=1;
   a['a2']=2;
   a[2]=3;
   a.length // 输出3
   

   在最后一行代码中数组元素 a[2] 赋值了,此时 JavaScript 会给数组 a 创建一个长度为 3 的空间,并在第三个元素中赋以3,但是元素1和元素2都没有赋值,所以此时a[0]和a[1]是没有值的。

   如果要使用的是一个完全由"字符串下标"组成的数组,那还是将其声明为一个 Object 类型的对象要更好一些。

   var a=new Array();
   a['a1']=1;
   a["100"]=3;
   a.length // 输出 101
   

   Javascript 数组下标值的范围为 0 ~ 2³²。对于任意给定的数字下标值,如果不在此范围内,Javascript 会将它转换为一个字符串,并将该下标对应的值作为该数组对象的一个属性值而不是数组元素,例如 array[-1] = "yes" 其实就相当于给 array 对象添加了一个名为 -1 的属性,属性值为 yes。如果该下标值在合法范围内,则无论该下标值是数字还是数字字符串,都一律会被转化为数字使用,即 array["100"] = 0 和 array[100] = 0 执行的是相同的操作。

   tianqixin

   429***[email protected]

   8年前 (2018年03月17日)