娱乐论坛网站建设方案范文,给网站加织梦后台,网站代理备案,二级域名站群这是4年前学习JavaScript基础的学习笔记#xff0c;当初是照着W3School教程学习的#xff0c;4年恍然如云烟#xff0c;仿佛还在昨天。现发布与此#xff0c;留作纪念#xff0c;纪念那段不悔的青葱岁月。下面都是我学习W3C School教程中有关JavaScript写的学习笔记#… 这是4年前学习JavaScript基础的学习笔记当初是照着W3School教程学习的4年恍然如云烟仿佛还在昨天。现发布与此留作纪念纪念那段不悔的青葱岁月。 下面都是我学习W3C School教程中有关JavaScript写的学习笔记每个方法我都亲身测试过每个方法的用途和参数列表我都是在经过我亲身实践后加上了我自己的一点理解解释的还算比较详细。现记录下来以便查阅 javascript之Array类 创建js数组两种方式 var arr []; 或 var arr new Array(); ()里可以指定长度也可以不指定指不指定都无所谓 因为js里的数组长度是可变的 concat(arr1,arr2,arr3......arrx):js数组合并,返回合并后的新数组,至少需要传递一个数组也可以传递多个数组 var arr1 new Array(3); arr1[0] George; arr1[1] John; arr1[2] Thomas; arr1[3] Jeery; var arr2 new Array(3); arr2[0] James; arr2[1] Adrew; arr2[2] Martin; var arr3 new Array(3); arr3[0] Java; arr3[1] C#; arr3[2] PHP; var arr4 arr1.concat(arr2,arr3); alert(arr4); join():将数组元素按指定的分隔符拼接成一字符串返回默认分隔符为英文逗号 var arr new Array(3) arr[0] George; arr[1] John; arr[2] Thomas; arr[3] Jeery; arr.join(.); sort(fn):数组排序,默认是按英文字母的ASC码升序排列比如apple排在orange前面其实 sort还可以接收一个参数该参数function类型有点类似于java里的比较器的意思 就是说如果不想按默认的比较规则来排序就必须提供一比较函数该函数有两个参数a、b, 如果返回值小于0则a排在b前面 如果返回值大于0则b排在a前面 如果返回值等于0则a、b位置不变 var arr new Array(6); arr[0] 5; arr[1] 23; arr[2] 4; arr[3] 18; arr[4] 88; arr[5] 10; arr.sort(sortNumber); function sortNumber(a, b) { return a - b; } pop()删除数组的最后一个元素把数组长度减 1并且返回它删除的元素的值。 如果数组已经为空则 pop() 不改变数组并返回 undefined 值。 var arr new Array(6); arr[0] 5; arr[1] 23; arr[2] 4; arr[3] 18; arr[4] 88; arr[5] 10; var a arr.pop(); alert(a); for(var x in arr){ alert(arr[x]); } push(n1,n2,n3,....nx):向数组末尾添加一个或多个元素并返回添加后数组的长度 注意此方法操作的是原数组对象不会创建副本。此方法可以接收多个参数 至少要传递一个参数 var arr new Array(6); arr[0] 5; arr[1] 23; arr[2] 4; arr[3] 18; arr[4] 88; arr[5] 10; var len arr.push(44,80); alert(len); for(var x in arr){ alert(arr[x]); } reverse():颠倒数组中元素的顺序,即如果原来数组元素是1,2,3,4,5,调用reverse()后 元素顺序为5,4,3,2,1,注意此方法直接操作的是原数组对象不会创建副本。 var arr [3,5,11,6,90,0]; arr.reverse(); for(var x in arr){ alert(arr[x]); } shift():删除数组的第一个元素并返回它删除的那个元素 如果数组已经为空则 shift() 不改变数组并返回 undefined 值 注意此方法直接操作的是原数组不会创建副本对象 var arr [3,5,11,6,90,0]; var a arr.shift(); alert(a); for(var x in arr){ alert(arr[x]); } slice(start,end):用于截取start和end之间的数组元素并存入新数组返回 注意此方法不会修改原数组会创建数组副本对象。 如果end未指定则表示直接从start直到数组末尾 如果start或end为负数表示从后面开始算起比如 -1表示从倒数第一个元素算起以此类推。 截取的区间范围是[start,end),前闭后开区间,且start必须小于end 如果没找到一个元素则返回一个空数组即数组的长度为0 var arr [3,5,11,6,90,0]; var a arr.slice(2,4); alert(a.join()); splice(index,howmany,element1,.....,elementX): 用于删除从 index 处开始的零个或多个元素并且用参数列表中声明的一个或 多个值来替换那些被删除的元素并返回刚刚删除的元素组成的新数组。 注意此方法是直接操作的原数组对象不会创建对象副本 第一个参数表示从index位置开始删除index从零开始计算 第二个参数表示从index位置开始往后连续删除几个元素前两个参数是必需的后面的参数是可选的。 后面的参数是用添加的元素添加的元素从index处开始添加如果后面添加的元素个数大于 实际删除的元素个数多出几个后面的元素就往后移动几位。比如你实际删除了4个元素 而实际你后面添加了6个元素那最终会从index处开始添加6个元素由于前面只删除4个元素 位置不够所以后面的元素会自动往后移动2位。 var arr [3,5,11,6,90,0,15,57,70,20]; var a arr.splice(0,4,1,2,3,4,5,6); alert(a); for(var x in arr){ alert(arr[x]); } unshift(element1,.....,element): 向数组开头添加一个或多个元素并返回添加后的数组长度。至少要传一个参数。 注意此方法是直接操作原数组最后添加的元素index0,以此类推。 var arr [3,5,11,6,90,0,15,57,70,20]; arr.unshift(22,23,24); alert(arr.toString()); alert(arr.length); 扩展Array的函数 Array.prototype.indexOf function(o){ for(var i 0,lenthis.length; ilen;i){ if(this[i] o){ return i; } } return -1; } Array.prototype.remove function(o){ var index this.indexOf(o); if(index ! -1){ this.splice(index,1); } return this; } var arr [3,5,11,6,90,0,15,57,70,20]; arr.remove(90); alert(arr.toString()); alert(arr.length); js中Number类常用方法 toFixed():将数字四舍五入为指定小数位数的数字参数值范围为[0,20],表示四舍五入后保留的小数位数 如果没有传入参数默认参数值等于0 var num 12.5563; alert(num.toFixed()); alert(num.toFixed(2)); toprecision():用于将数字精确到指定长度方法接收参数一个参数参数的范围为[0,21] 参数表示数字的位数如果数字总位数大于参数值且数字是小数那么会进行 四舍五入如果数字总位数小于参数值且数字是小数那么多出的小数位会自动补零 如果数字总位数小于参数值且数字为整数那么会改用科学计数法表示。 var num1 100009; var num2 100; var num3 11111111.00009; var num4 1.00609; alert(num1.toPrecision(5)); alert(num2.toPrecision(5)); alert(num3.toPrecision(15)); alert(num4.toPrecision(3)); isNaN(num):判断是否为数字这个方法很有用 js中String类常用方法 charAt(index)用于返回指定位置的字符index从0开始计算 charCodeAt(index):用于返回指定字符的ASCII码 concat(element1,element2......elementx):用于拼接两个或多个字符串 indexOf():用于返回指定字符在字符串中第一次出现的索引从第一个字符开始查找找到立即返回。 lastIndexOf():用于返回指定字符在字符串中第一次出现的索引不过是从最后面一个字符开始查找。 match():用于检索与指定正则匹配的子串如果开启了全局检索模式且有多个符合条件的子串那么 返回的是一个数组。 var str hello world! how are you? what are you doing?; var arr str.match(/you/g); alert(arr); var str1 plus 2 equal 3 alert(str.match(/\d\s/g)); replace()用于字符串替换操作接收两个参数。 第一个参数表示待替换的字符串或者是替换的正则表达式 第二个参数替换文本也可以是一个function的返回值 注意此方法不会改变原字符串对象而是返回新字符串对象。 var str I like Java,Java is so easy to learning!Lets together for Java; var test str.replace(/Java/g,Javascript); alert(str); alert(test); var name Doe , John; alert(name.replace(/(\w)\s*, \s*(\w)/, $2 | $1)); var name I like java,java is so easy!; var test name.replace(/java/g, function(m,i){alert(m);alert(i);return javascript;}); alert(test); 用function返回值作为替换文本时function里有两个参数 m表示前面第一个参数即正则匹配到的子串第二个参数是该子串在原字符串中的索引位置 search():用于返回指定子串或符合指定正则表达式的子串在原字符串中第一次出现的索引, 如果没有找到则返回-1 var str I like javascript.; alert(str.search(javascript)); slice(start,end):用于截取start,end指定区间内的字符串并返回 此方法不会操作原字符串对象数据而是创建字符串副本保存截取后的字符串数据 如果end未指定则表示直接从start直到数组末尾 如果start或end为负数表示从后面开始算起比如 -1表示从倒数第一个元素算起以此类推。 截取的区间范围是[start,end),前闭后开区间,且start必须小于end 如果没找到一个元素则返回一个空字符串 var str hello world!; var test str.slice(-2,-1); alert(test); alert(str); split():以指定的分割字符或正则表达式的匹配字符来分割原字符串返回结果以数组形式表示。 此方法还可以接收第二个参数第二个参数可以限制最终返回的数组元素最大个数。 var strHow are you doing today? alert(str.split(/\s/)); substr():用于字符串截取方法接收两个参数 第一个参数start,表示从start索引位置开始截取索引从0开始计算如果此参数值是负数 则会从字符串结尾开始计算比如-1表示最后一个字符-2表示倒数第二个字符以此类推。 第二个参数length,表示截取的字符串长度此参数为可选如不指定此参数 则默认会一直截取到字符串结尾。 注意此方法已不建议使用 var str I like javascript!; alert(str.substr(7,10)); substring():用于截取start与end索引区间内的字符串区间范围为[start,end],前闭后开 注意:参数start和end必须为非负整数, 如start为负数则默认会将start赋值为0 如end为负数则默认会将end赋值为0且截取区间改为[0,start)。 如果start大于end那么会首先交换两个参数值的位置即区间改为[end,start) var str1 I like javascript!: alert(str1.substring(7,18)); var str2 I like javascript!; alert(str2.substring(3,-3)); toLowerCase()把字符串转换成小写 toUpperCase()把字符串转换成大写 js中Date对象常用方法 Date():此方法为Date类的构造函数此方法接收日期格式字符串 若不给构造函数传参则默认是取系统当前时间 构造函数可以接收一个距1970-01-01的毫秒数来构建Date对象 也可以接收规定格式的日期字符串来构建Date对象 //var date new Date(06 05,1987); //火狐OK IE不OK //var date new Date(6 5,1987); //火狐OK IE不OK //var date new Date(06 05,1987 23:12:33); //火狐OK IE不OK //var date new Date(6 5,1987 23:12:33); //火狐OK IE不OK //var date new Date(1987,06 05); //火狐OK IE不OK //var date new Date(1987,6 5); //火狐OK IE不OK //var date new Date(1987,06,05); //火狐OK IE不OK //var date new Date(1987,6,5); //火狐OK IE不OK //var date new Date(1987,06 05,23:12:33); //火狐OK IE不OK //var date new Date(1987,6 5,23:12:33); //火狐OK IE不OK //var date new Date(1987,06,05,23:12:33); //火狐OK IE不OK //var date new Date(1987,6,5,23:12:33); //火狐OK IE不OK //var date new Date(1987/6/5,23:12:33); //火狐和IE都OK //var date new Date(1987/06/05,23:12:33); //火狐和IE都OK //var date new Date(06/05/1987,23:12:33); //火狐和IE都OK //var date new Date(6/5/1987,23:12:33); //火狐和IE都OK //var date new Date(1987/6/5); //火狐和IE都OK //var date new Date(1987/06/05); //火狐和IE都OK //var date new Date(06/05/1987); //火狐和IE都OK var date new Date(6/5/1987); //火狐和IE都OK //var date new Date(06-05-1987); //IE OK火狐不OK //var date new Date(6-5-1987); //IE OK火狐不OK //var date new Date(1987-06-05); //火狐OK,IE不OK alert(date); 通过上面这些示例足以说明如果Date()构造函数需要接收一个日期格式字符串的话 那么字符串格式应如下给定 yyyy/m/d yyyy/MM/d yyyy/m/d HH:mm:ss yyyy/MM/d HH:mm:ss m/d/yyyy MM/dd/yyyy m/d/yyyy HH:mm:ss MM/dd/yyyy HH:mm:ss getDate():返回一个月中的某一天,返回值范围1-31 getDay():返回一周中的第几天也就是星期几返回值范围0-60表示星期天6表示星期六 getMonth():返回日期中的月份数字返回值范围0-110表示1月11表示12月这个有点变态 getFullYear()返回日期中的年份数字用4位数字表示而不是2位数字的缩写形式 getHours()返回小时数返回值范围0-23 getMinutes():返回分钟数返回值范围0 -59 getSeconds():返回秒数返回值范围0-59 getMilliseconds():返回毫秒数返回值范围0-999这个方法命名我表示不能理解为何Seconds首字母不大写 getTime()返回指定的日期距1970年1月 1日000000之间的毫秒数。 parse(): 用于将符合规定的日期字符串转换成日期并返回该日期至1970-01-01的毫秒数 注意此方法是静态方法不用能用Date对象调用而应该使用Date类调用。 //var date Date.parse(1987-06-05); //火狐OKIE不OK //var date Date.parse(06-05-1987); //IE OK火狐不OK //var date Date.parse(06/05/1987); //IE和火狐都OK var date Date.parse(1987/06/05); //IE和火狐都OK //var date Date.parse(6/5/1987); //IE和火狐都OK //var date Date.parse(1987/6/5); //IE和火狐都OK //var date Date.parse(1987/06/05 23:12:22); //IE和火狐都OK //var date Date.parse(6/5/1987 23:12:22); //IE和火狐都OK //var date Date.parse(1987/6/5 23:12:22); //IE和火狐都OK alert(date); 通过上面的这些示例不难看出parse方法接收的日期字符串格式比较兼容的格式为 yyyy/MM/dd yyyy/m/d MM/dd/yyyy M/d/yyyy yyyy/MM/dd HH:mm:ss yyyy/m/d HH:mm:ss MM/dd/yyyy HH:mm:ss M/d/yyyy HH:mm:ss setDate():设置一个月中的某一天,取值范围1-31 setDay():设置一周中的第几天也就是星期几取值范围0-60表示星期天6表示星期六 setMonth():设置日期中的月份数字取值范围0-110表示1月11表示12月这个有点变态 setFullYear()设置日期中的年份数字用4位数字表示而不是2位数字的缩写形式 setHours()设置小时数取值范围0-23 setMinutes():设置分钟数取值范围0 -59 setSeconds():设置秒数取值范围0-59 setMilliseconds():设置毫秒数取值范围0-999这个方法命名我表示不能理解为何Seconds首字母不大写 setTime()设置指定的日期距1970年1月 1日000000之间的毫秒数。 toString():将Date对象转换成字符串形式,默认是格林威治标准时间格式即GMT格式 toTimeString()将Date对象的时间部分转成字符串形式GMT格式 toDateString():将Date对象的日期部分转成字符串形式GMT格式 toLocaleString根据本地语言的日期规则表示中文下是yyyy年MM月dd日 hh:mm:ss Date.UTC(year,month,day,hours,minutes,seconds,ms) 此方法用于根据世界时返回距离1970-01-01的毫秒数前3个参数是必须的其余参数是可选的 分别表示年、月、日、小时、分钟、秒、毫秒 此方法返回的毫秒数可以传递给Date()构造函数 Date对象的toString方法默认是转换成GMT格式对于我们来说不适用我们往往希望显示为yyyy-MM-dd hh:mm:ss格式 Date原生对象没有提供这个功能只好自己扩展了 Date.prototype.format function(format){ var o { M : this.getMonth()1, //month 月 d : this.getDate(), //day 日 h : this.getHours(), //hour 时 m : this.getMinutes(), //minute 分 s : this.getSeconds(), //second 秒 q : Math.floor((this.getMonth()3)/3), //quarter季度 S : this.getMilliseconds() //millisecond毫秒 } if(/(y)/.test(format)) { format format.replace(RegExp.$1, (this.getFullYear()).substr(4 - RegExp.$1.length)); } for(var k in o) { if(new RegExp(( k )).test(format)) { format format.replace(RegExp.$1, RegExp.$1.length1 ? o[k] : (00 o[k]).substr(( o[k]).length)); } } return format; } 使用示例 var date new Date(); alert(date.format(yyyy-MM-dd hh:mm:ss)); js的原生Date类也没有提供add方法即在原日期基础先添加或减去指定天数现扩展如下 Date.prototype.dateAdd function(interval,number) { var d this; var k{y:FullYear, q:Month, m:Month, w:Date, d:Date, h:Hours, n:Minutes, s:Seconds, ms:MilliSeconds}; var n{q:3, w:7}; eval(d.setk[interval](d.getk[interval]()((n[interval]||1)*number))); return d; } interval参数 y 年 q 季度 m 月 d 日 w 周 h 小时 n 分钟 s 秒 ms 毫秒 number参数时间间隔必须为数字为正数表示获取指定间隔的未来的日期为负数表示过去的日期 //用于计算两个日期之间的时间间隔 //使用此方法还能比较两个日期的大小如果返回值大于0表示objDate2比较大 //如果小于0表示objDate2比较小 Date.prototype.dateDiff function(interval,objDate2) { var dthis, i{}, td.getTime(), t2objDate2.getTime(); i[y]objDate2.getFullYear()-d.getFullYear(); i[q]i[y]*4Math.floor(objDate2.getMonth()/4)-Math.floor(d.getMonth()/4); i[m]i[y]*12objDate2.getMonth()-d.getMonth(); i[ms]objDate2.getTime()-d.getTime(); i[w]Math.floor((t2345600000)/(604800000))-Math.floor((t345600000)/(604800000)); i[d]Math.floor(t2/86400000)-Math.floor(t/86400000); i[h]Math.floor(t2/3600000)-Math.floor(t/3600000); i[n]Math.floor(t2/60000)-Math.floor(t/60000); i[s]Math.floor(t2/1000)-Math.floor(t/1000); return i[interval]; } interval参数参照上面dateAdd方法的interval参数说明 objDate2另一个日期对象 js中的Math类 此类是静态类不能通过构造函数创建实例的所以提供的方法都是静态方法直接通过类名调用 abs():获取数字的绝对值如果提供的参数是字符串则会首先尝试将其转换成数字如果不能 转成数字则直接返回NaN,如果能则返回其绝对值。 ceil():对传入的参数进行向上取整计算如果传入的不是数字则会尝试将其进行数字转换 不能转换则之间则直接返回NaN floor():对传入参数进行向下取整计算如果传入的不是数字则会尝试将其进行数字转换 不能转换则之间则直接返回NaN max(x1,x2,x3.....xn):返回指定参数中的最大值如果指定参数中有一个不能转换成数字则直接 返回NaN,如果没有传入参数则返回负无穷大 min(x1,x2,x3.....xn)返回指定参数中的最小值如果指定参数中有一个不能转换成数字则直接 返回NaN,如果没有传入参数则返回正无穷大 pow(x,y):返回x 的 y 次幂,如果计算结果是负数则返回NaN,如果由于计算结果太大导致浮点溢出 则返回正无穷大 random():返回0 ~ 1 之间的一个随机数。 round(x):与 x 最接近的整数。如果x是正数那么0.5会转成1如果是-0.5那么会舍掉 -0.50001才会转成-1 sqrt(x):返回一个数的平方根,如果 x 小于 0则返回 NaN, 如果传入的不是数字则会尝试将其进行数字转换 不能转换则之间则直接返回NaN js的RegExp正则对象 创建正则对象两种方式 1. /pattern/attributes pattern是正则表达式部分 attributes可选参数包含属性 g、i 和 m等取值 g:表示全局匹配(查找所有匹配而非在找到第一个匹配后停止) i:表示忽略大小写 m:表示多行匹配 2,new RegExp(pattern,attributes),第二个参数可选 转载http://iamyida.iteye.com/blog/2201811
