Javascrip 之 字符串处理 & 定时器 & 类型转换

Javascrip的组成

• 1、ECMAscript : javascript的语法（变量、函数、循环语句等语法）
• 2、DOM(文档对象模型) : 操作html和css的方法
• 3、BOM(浏览器对象模型) : 操作浏览器的一些方法

字符串处理方法

• 1、字符串合并操作：“ + ”
• 2、parseInt() 将数字字符串转化为整数
• 3、parseFloat() 将数字字符串转化为小数
• 4、split() 把一个字符串分隔成字符串组成的数组
• 5、charAt() 获取字符串中的某一个字符
• 6、indexOf() 查找字符串是否含有某字符
• 7、substring() 截取字符串 用法： substring(start,end)（不包括end）
• 8、toUpperCase() 字符串转大写
• 9、toLowerCase() 字符串转小写

  var str = 'asdfj12jlsdkf098';
  var str2 = str.split('').reverse().join('');
  
  alert(str2);
  

调试程序的方法

• 1、alert
• 2、console.log
• 3、document.title

定时器

• 定时器在javascript中的作用

  • 1、制作动画
  • 2、异步操作
  • 3、函数缓冲与节流

• 定时器类型及语法

/*
    定时器：
    setTimeout  只执行一次的定时器 
    clearTimeout 关闭只执行一次的定时器
    setInterval  反复执行的定时器
    clearInterval 关闭反复执行的定时器

*/

var time1 = setTimeout(myalert,2000);
var time2 = setInterval(myalert,2000);
/*
clearTimeout(time1);
clearInterval(time2);
*/
function myalert(){
    alert('ok!');
}

• 定时器制作时钟

......

• 定时器制作倒计时

......

类型转换

• 1、直接转换 parseInt() 与 parseFloat()

  alert('12'+7); //弹出127
  alert( parseInt('12') + 7 );  //弹出19 
  alert( parseInt(5.6));  // 弹出5
  alert('5.6'+2.3);  // 弹出5.62.3
  alert(parseFloat('5.6')+2.3);  // 弹出7.8999999999999995
  alert(0.1+0.2); //弹出 0.3000000000000004
  alert((0.1*100+0.2*100)/100); //弹出0.3
  alert((parseFloat('5.6')*100+2.3*100)/100); //弹出7.9
  

• 2、隐式转换 “==” 和 “-”

  if('3'==3)
  {
      alert('相等');
  }
  
  // 弹出'相等'
  alert('10'-3);  // 弹出7
  

• 3、NaN 和 isNaN

  alert( parseInt('123abc') );  // 弹出123
  alert( parseInt('abc123') );  // 弹出NaN