JavaScript
内置对象介绍
☞ JavaScript组成: ECMAScript | DOM | BOM
☞ ECMAScript: 变量 , 函数, 数据类型 ,流程控制,内置对象。。。
☞ js中的对象: 自定义对象 , 内置对象 , 浏览器对象(不属于ECMAScript)
☞ Math对象,Array对象,Date对象。。。。
☞ 通过查文档学习内置对象 MDN (https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
MDN介绍
MDN: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
Math对象
☞ 提供了一系列与数学相关的方法或属性 ( 静态 | 实例)
☞ Math.PI 获取圆周率【属性】
☞ Math.random() 返回大于等于0小于1之间的随机数 [灵活使用]
☞ Math.floor() 向下取整,返回一个小于当前数字的整数
☞ Math.ceil() 向上取整,返回一个大于当前数字的整数
☞ Math.round() 四舍五入(小数如果小于0.5,返回小于当前数字的整数,如果小数部分大于0.5返回大于当前数字的一个整数)
☞ Math.abs() 取绝对值(返回当前数字的绝对值,正整数)
☞ Math.max() 返回一组数中的最大值 (可以设置多个参数,返回其中最大值,参数不可以是数组)
☞ Math.min() 返回一组数中的最小值 (可以同时设置多个参数,与最大值效果一样)
☞ Math.sin(x) 返回一个正弦的三角函数 ( 注意: x 是一个以弧度为单位的角度)
☞ Math.cos(x) 返回一个余弦的三角函数 (注意: x 参数是一个以弧度为单位的角度)
☞ Math.pow(x,y) 返回x的y次幂
求任意两个数之间的随机数 Math.floor(Math.random() * (大数 - 小数 +1) + 小数);
静态成员和实例成员
☞静态成员:
1. 不需要通过构造函数创建对象且能访问对象中的属性或方法
☞实例成员:
1. 首先必须通过构造函数创建对象
2. 通过构造函数创建对象并访问的属性或方法[实例成员]
Date对象
☞ Date是一个构造函数,必须通过 new Date() 创建一个对象,实例成员才能使用
☞ 用法一:空构造函数
var d = new Date();
☞GMT 格林威治时间(0时区)
☞ 用法二: 传入日期格式的字符串
var d = new Date("1988-8-8")
☞ 用法三: 传入数字
var d = new Date(year, month[,day,time,second]); //必须设置年和月
备注: 月份从0 开始, 0 代表1月
用法四:
var d = new Date(数字);
☞ 获取当前时间的毫秒值:
d.valueOf()
d.getTime() // 推荐使用
Date.now() //H5 新方法 有兼容信息
通过H5提供的方法操作 多媒体标签
http://www.w3school.com.cn/html5/html5_ref_audio_video_dom.asp
Date中的方法
☞ 日期格式化方法
var d = new Date();
d.toString(); //转化成字符串
d.toDateString(); //转换成日期字符串
d.toTimeString(); //转换成时间字符串
d.toLocaleDateString(); //返回本地的日期格式 (不同浏览器不同效果)
d.toLocaleTimeString(); //返回本地的时间格式 (不同浏览器不同效果)
d.toLocaleString();//本地时间日期格式
☞ 获取日期其他部分(掌握)
d.getSeconds() //获取秒
d.getMinutes() //获取分钟
d.getHours() //获取小时
d.getDay() //返回周几 (0表示周日)[0,1,2,3,4,5,6]
d.getDate() //返回当前月的第几天
d.getMonth() //返回月份 (从0开始)[0,1,2,3,4,5,6,7,8,9,10,11]
d.getFullYear() //返回年份
把get改成Set就可以设置【除了getDay不可以改成setDay,其他的都可以】
自学文档
http://www.runoob.com/js/js-obj-date.html
http://www.w3school.com.cn/jsref/jsref_obj_math.asp
数组对象
数组中常用的方法
☞ 判断变量是不是一个数组 Array.isArray(ary)
☞ toString() // 把数组转换为字符串,使用逗号分隔
☞ valueOf() // 返回数组对象本身
var ary = [];
ary.toString()
ary.valueOf();
☞ 栈方法(先进后出)
ary.push() [常用] // 加入内容返回新数组的长度
ary.pop() [常用] //删除数组最后一项并返回
☞ 队列(先进先出)
ary.push()
ary.shift() //取出数组中的第一个元素,修改数组的长度
ary.unshift(number) //在数组中最开始位置添加一个值
☞ 其他方法汇总
◆ reverse() // 翻转数组
◆ concat() //把两个数组拼接到一块,返回一个新数组
◆ slice(startindex, endindex) //从当前数组中截取一个新的数组
✔ 第一个参数表示开始索引位置,第二个参数代表结束索引位置
◆ splice(startindex, deletCont, options) //删除或者替换数组中的某些值
✔ 第一个参数代表从哪开始删除
✔ 第二个参数代表一共删除几个
✔ 第三个参数代表要替换的值
◆ indexOf(content[,index]),lastIndexof() //没找到返回-1
✔ 找数组中的某个值,如果找到返回索引位置,如果没有找到返回-1
✔ lastIndexof() 从数组的末尾开始找,如果找到,返回索引位置,如果没有找到返回-1
◆ Join() //将数组中的每一个元素通过一个字符链接到一块
字符串
☞ 特性: 不可变性
```js
☞ 字符方法
1. charAt(index) //获取指定位置处的字符
2. str[index] //获取指定位置的字符 (H5中的方法)
☞ 字符串方法
1. concat() //拼接字符串 等效于 +
2. slice(strat,end) //从指定位置开始,截取字符串到结束位置,end值取不到
3. substring(start,end) //从指定位置开始,截取字符串到结束位置, end值取不到
4. substr(start,length) //从指定位置开始,截取length长度个字符
☞ 位置方法
1. indexOf(字符) //返回字符在字符串中的位置
2. lastIndexOf(字符) //从后往前找,只找第一个匹配的字符
☞ 去除空白
trim() //只能去除字符串前后空白
☞ 大小写转换法
toLocaleUpperCase() //转化为大写
toLocaleLowerCase() //转化为小写
☞其他
replace(a,b) // 用b替换a
split() // 以一个分割符,将一个字符串串分割成一个数组