发表于: 2017-06-05 23:10:33

2 1269


今天完成的事情:

1、完成js1的任务代码。

2、学习js中的数组。 
明天计划的事情:

1、完成js1的断点调试 和深度思考。

2、开始js2.

遇到的问题:

1、遇到的一个问题  就是 在button标签上添加onclick事件,测试的时候却发现函数is not defined。

     百度了以后,发现了问题所在。例如:

  1. <input type="button" value="立即登录" onclick="dosave();"/>    在这个按钮中添加的onclick事件是由一个名为dosave()函数控制的。

有两种创建函数的方式会出错:

  1. function dosave(){  
  2.         alert("会报错!!");  
  3.     }  
第一种方法使用函数声明语法,会出错。
  1. var dosave = function (){  
  2.         alert("会报错!!");  
  3.     }  

第二种方法是函数声明好后赋值给 dosave 这个变量,同样会出错。

正确的写法是:

  1. dosave = function (){  
  2.         alert("成功啦!");  
  3.     }  

为什么会这样?,因为:

html页面调用js文件里的函数,写法必须为dosave = function (){}形式,其他方式写,html页面会搜索不到该函数。

至于内在的原理怎么样,这个还不清楚。

收获:

1、js中的array(数组)。

Array 对象用于在单个的变量中存储多个值。

1、数组的创建

var arrayObj = new Array(); //创建一个数组

var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值

      var arrayObj = [];   //利用[]可以直接创建数组

2、数组的元素的访问(利用[i]来访问数组里面的值,i代表数组中值的位置,位置从0开始,arrayObj[0]——代表的是数组的第一项

var testGetArrValue=arrayObj[1]; //获取数组的元素值

arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、数组元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、数组元素的删除

arrayObj.pop(); //移除最后一个元素并返回该元素值

arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移

arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、数组的截取和合并

arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、数组的拷贝

arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向

arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、数组元素的排序

arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址

arrayObj.sort(); //对数组元素排序,返回数组地址 结合对应的比较函数,可将数字排序。

function compare(value1,value2){

      if(value1<value2){

        return -1;

   }else if(value1>value2){

       return 1;

   }else{

     return 0;

  }

}   ————摘自javascript高级程序设计

8、数组元素的字符串化

arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

 



返回列表 返回列表
评论

    分享到