JavaScript 内置对象和常用内置对象函数
2020年6月22日- 内置对象就是js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本的必要的功能(属性和方法)
- javaScript提供了多个内置对象 Math Date Array String 等
Math 数学对象
1 2 3 4 5 6 7 8 |
Math.PI //圆周率 Math.floor() //向下取整 Math.ceil() //向上取整 Math.round() //四舍五入 就近取整 -3.5 结果是-3 Math.abs() //绝对值 Math.max() //最大值 Math.min() //最小值 Math.random() //随机小数 |
date日期对象
1 |
$date = new Date('2020-04-02 10:04:4') |
1 2 3 4 5 6 7 8 9 10 11 12 13 |
console.log($date.getFullYear()) //年份 console.log($date.getMonth()+1) //月份是从0开始数的 console.log($date.getDate()) //几号 console.log($date.getDay()) //星期几 console.log($date.getHours()) //小时 console.log($date.getMinutes()) //分钟 console.log($date.getSeconds()) //秒 console.log($date.valueOf()) //获取从1970年一共经历多少 毫秒 console.log($date.getTime()) //获取从1970年一共经历多少 毫秒 console.log(+new Date()) //获取从1970年一共经历多少 毫秒 console.log(Date.now()) //H5新增的方法 获取从1970年一共经历多少 毫秒 |
Array数组对象
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
var arr = [12,12,31,23,1,23,123,1,2312] Array.isArray(arr) //判断是否是数组元素 arr.push(4,12) //在结尾添加新元素,返回值是元素长度 arr.unshift(33,3) //在开头添加新元素,返回值是元素长度 arr.pop() //删除最后一个元素,返回删除的元素 arr.shift() //删除开头一个元素,放回删除的元素 arr.reverse() //翻转数组 arr.indexOf(1) //根据值从开头查找第一次出现的位置,有返回索引,没有返回-1 arr.lastIndexOf(3) //根据值从结尾查找第一次出现的位置,有返回索引,没有返回-1 arr.toString() //转化为字符串 逗号分隔 arr.join('') //转为为字符串 默认逗号, 可以根据参数改变分隔符号 比如 : + _ 和空字符串 arr.concat([1, 2],[324879,123]) //连接两个或多个数组,返回一个新数组 arr.slice() //返回截取的数组 arr.splice() //返回截取的数组 并删除原数组截取的内容 arr.forEach(function (value, index, arr) { //ES5新 遍历的方法:数组当前选项的值 ,数组当前选项的索引,数组对象本身 console.log(value) }) arr.map(function (value, index, arr) { //ES5新 返回每个元素是调用一次函数后的新数组, return value * 2; }) arr.filter(function (value, index, arr) { //ES5新 数组筛选的方法,会返回一个新数组:数组当前选项的值 ,数组当前选项的索引,数组对象本身 return value >= 20 }) arr.some(function (value, index, arr) { //ES5新 找到一个满足条件的元素.找到了就不找了.会终止循环.返回一个布尔值:数组当前选项的值 ,数组当前选项的索引,数组对象本身 return value === 20 }) arr.every(function (value, index, arr) { //ES5新 所有元素满足条件返回为true , return value >= 1; }) //排序升序 arr.sort(function (a, b) { return a - b }) //排序降序 arr.sort(function (a, b) { return b - a }) Array.from(arrObj) //ES6 将伪数组转换为数组 arrObj为伪数组 ,返回一个数组 Array.from(arrObj, item => item * 2) //ES6 还可以跟一个函数,对每一项进行操作 Array.find((item, index) => item.id == 2) //ES6 用于找出第一个符合条件的数组成员 ,没有找到返回undefined Array.findIndex((item, index) => item.id == 2) //ES6 用于找出第一个符合条件的数组成员的位置 ,没有找到返回 -1 [1,2,3].includes(2) //ES6 表示摸个数组是否包含给的的值,返回布尔值 |
String 字符串对象
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
var str ='改革春风春吹满地' str.indexOf('春') //根据值从开头查找第一次出现的位置,有返回索引,没有返回-1 str.lastIndexOf('春') //根据值从结尾查找第一次出现的位置,有返回索引,没有返回-1 str[3] //根据索引位置返回字符 str.charAt(3) //根据索引位置返回字符 str.charCodeAt(3) //根据索引位置返回字符ASCII码 str.concat('123范文芳','巴法王') //连接两或多个字符串 str.substr(1,32) //从开始索引到 , 长度 str.substring(1,3) //从开始索引到 , 结束索引 ,和slice基本相同不接受负值 str.slice(1,3) //从开始索引到 , 结束索引 str.replace('1','2') //字符串替换 , 搜索的字符串 ,替换的字符串 str.split(',') //字符串转数组 str.toUpperCase() //转换为大写 str.toLocaleLowerCase() //转换为小写 str.trim() //es5新 去除两侧空格 str.startsWith('你') //检测这个字符串是否在字符串开头 ,返回布尔值 str.endsWith('!') //检测这个字符串是否在字符串结尾 ,返回布尔值 '重复'.repeat(3) //让这个字符串重复3次 str.parseJSON(); //json字符串转换为json对象 |
json对象方法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
obj = { id: 1, uname: "fang" } obj.keys() //获取所有key /** * Object.defineProperty(obj,prop,descriptor) * obj : 目标对象 * prop : 属性名 * descriptor : { * value : 设置属性值 * writable : 值是否可以重写 使用descriptor方法后不写默认为false * enumerable : 目标属性是否可以被枚举是否可以遍历 使用descriptor方法后不写默认为false * configurable : 目标属性是否可以删除或者再次修改特性也就是再次使用descriptor方法 使用descriptor方法后不写默认为false * } */ Object.defineProperty(obj, uname, {value:100}) //添加或修改 对象 属性值 JSON.parse(str) //json对象 将字符 串转为对象 JSON.stringify(obj); //json对象 将对象 转为字符串 obj.toJSONString() //json对象转换为字符串 |