JavaScript 内置对象
String 字符串对象
字符串转换 toString
var age = 20
var age2 = age.toString() // "20"
字符串转换 String
var age = 20
var age2 = String(age) // "20"
字符串分割 split
var str = 'abcdefg'
var str2 = str.split('') // ['a', 'b', 'c', 'd', 'e', 'f', 'g']
字符串替换 replace
var str = 'abcdefg'
var str2 = str.replace('abc', 'xxx') // xxxdefg
字符串查找 indexOf
var str = 'abcdebg'
var str2 = str.indexOf('b') // 1
字符串查找 lastIndexOf
var str = 'abcdebg'
var str2 = str.lastIndexOf('b') // 5
字符串查找 charAt
var str = 'abcdebg'
var str2 = str.charAt(1) // b
字符串查找 match
var str = 'The rain in SPAIN stays mainly in the plain'
var str2 = str.match(/ain/g) // ['ain', 'ain', 'ain']
字符串拼接 +
var str = 'my name'
var str2 = ' is a xiaoming'
var str3 = str + str2 // 'my name is a xiaoming'
字符串拼接 concat
var str = 'my name'
var str2 = ' is a xiaoming'
var str3 = str.concat(str2) // 'my name is a xiaoming'
字符串截取 slice
var str = 'abcedfg'
var str2 = str.slice(0, 2) // 'ab'
字符串截取 substring
var str = 'abcedfg'
var str2 = str.substring(1, 2) // 'b'
字符串截取 substr
var str = 'abcedfg'
var str2 = str.substr(1, 2) // 'bc'
字符串转小写 toLowerCase
var str = 'ABCEDFG'
var str2 = str.toLowerCase() // 'abcedfg'
字符串转大写 toLocaleUpperCase
var str = 'abcdefg'
var str2 = str.toLocaleUpperCase() // 'ABCDEFG'
字符串两端去空格 trim
var str = ' abcd efg '
var str2 = str.trim() // 'abcd efg'
Number 数字对象
加减乘除 + - * /
var a = 1 + 1 // 2
var b = 1 - 1 // 0
var c = 1 * 1 // 1
var d = 1 / 1 // 1
数字转换 Number
var a = '10.01'
var b = Number(a) // 10.01
数字转换 parseInt
var a = '10.01'
var b = Number.parseInt(a) // 10
数字转换小数点 parseFloat
var a = '10.01'
var b = Number.parseFloat(a) // 10.01
格式化小数点 toFixed
var a = 10.06
var b = a.toFixed(1) // '10.1'
判断是否为整数 isInteger
var a = Number.isInteger(10.06) // false
var b = Number.isInteger(10) // true
Object 对象
创建对象 {}
var obj = {}
创建对象 new Object
var obj = new Object()
创建对象 Object.create
var obj = Object.create(null, {})
访问对象属性 obj[key]
var obj = {
name: 'xiaoming',
age: 20
}
var name = obj['name'] // 'xiaoming'
访问对象属性 obj.key
var obj = {
name: 'xiaoming',
age: 20
}
var name = obj.name // 'xiaoming'
删除对象属性 delete obj.key
var obj = {
name: 'xiaoming',
age: 20
}
delete obj.name
console.log(obj.name) // undefined
Array 数组对象
创建数组 []
var arr = ['a', 'b', 'c', 'd']
创建数组 Array.from
var arr = Array.from('abcd') // ['a', 'b', 'c', 'd']
数组合并 concat
var arr = ['a', 'b', 'c']
var arr2 = ['e', 'f', 'g']
var arr3 = arr.concat(arr2) // ['a', 'b', 'c', 'd', 'e', 'f', 'g']
尾部添加元素 push
var arr = ['a', 'b', 'c', 'd']
arr.push('e')
console.log(arr) // ['a', 'b', 'c', 'd', 'e']
头部添加元素 unshift
var arr = ['a', 'b', 'c', 'd']
arr.unshift('e')
console.log(arr) // ['e', 'a', 'b', 'c', 'd']
尾部删除元素 pop
var arr = ['a', 'b', 'c', 'd']
arr.pop('e')
console.log(arr) // ['a', 'b', 'c']
头部删除元素 shift
var arr = ['a', 'b', 'c', 'd']
arr.shift('e')
console.log(arr) // ['b', 'c', 'd']
指定位置删除元素 splice
var arr = ['a', 'b', 'c', 'd']
arr.splice(0, 2)
console.log(arr) // ['c', 'd']
清空数组 length
var arr = ['a', 'b', 'c', 'd']
arr.length = 0
console.log(arr) // []
序列化字符串 toString
var arr = ['a', 'b', 'c', 'd']
var str = arr.toString() // 'a,b,c,d'
序列化字符串 join
var arr = ['a', 'b', 'c', 'd']
var str = arr.join() // 'a,b,c,d'
截取元素 slice
var arr = ['a', 'b', 'c', 'd']
var arr2 = arr.slice(0, 2)
console.log(arr2) // ['a', 'b']
查找指定元素 indexOf
var arr = ['a', 'b', 'c', 'd']
var index = arr.indexOf('b') // 1
访问数组元素 array[index]
var arr = ['a', 'b', 'c', 'd']
var str = arr[1] // b
访问数组长度 length
var arr = ['a', 'b', 'c', 'd']
var length = arr.length // 4
Function 函数对象
定义函数 function
function eat() {}
定义函数参数（形参）arguments
function eat(name) {}
调用函数 fn()
eat()
调用函数传入参数（实参） fn(arguments)
eat('xiaoming')
函数返回值 return
function eat(name) {
return 'my name is ' + name
}
var person = eat('xiaoming') // 'my name is xiaoming'
函数多参数 arguments,arguments
function eat(name, age) {
return 'my name is ' + name + '. age is ' + age
}
var person = eat('xiaoming', 20) // 'my name is xiaoming. age is 20'
Date 日期对象
获取当前时间戳 Date.now()
var date = Date.now() // 1641973293429
获取当前中国标准时间 Date()
var date = Date() // 'Wed Jan 12 2022 15:42:21 GMT+0800 (中国标准时间)'
获取当前年份 getFullYear()
var date = new Date().getFullYear() // 2022
获取当前月份 getMonth()
var date = new Date().getMonth() // 0
获取当前日期 getDate()
var date = new Date().getDate() // 12
获取当前小时 getHours()
var date = new Date().getHours() // 15
获取当前分钟 getMinutes()
var date = new Date().getMinutes() // 51
获取当前秒 getSeconds()
var date = new Date().getSeconds() // 41
获取当前星期几 getDay()
var date = new Date().getDay() // 3
Math 数学对象
绝对值 abs
var number = Math.abs(-5) // 5
向上取整 ceil
var number = Math.ceil(10.06) // 11
向下取整 floor
var number = Math.floor(10.06) // 10
四舍五入 round
var number = Math.round(10.6) // 11
最小值 min
var number = Math.min(20, 30, 5, 10, 50) // 5
最大值 max
var number = Math.max(20, 30, 5, 10, 50) // 50
平方根 sqrt
var number = Math.sqrt(4) // 2
次幂 pow
var number = Math.pow(2, 3) // 8
随机数 random
var number = Math.random() // 0.08225691909776356
RegExp 正则对象
创建正则对象 new RegExp
var reg = new RegExp('d{2}', 'g')
创建正则对象 //g
var reg = /d{2}/g
使用正则替换字符串
var str = 'abcddefgdd'
var reg = new RegExp('d{2}', 'g')
var str2 = str.replace(reg, 'xx') // 'abcxxefg'
正则表达式修饰符
修饰符可以在全局搜索中不区分大小写。
正则表达式模式
方括号用于查找某个范围内的字符。
元字符是拥有特殊含义的字符。
量词
最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要再花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和 PC 端阅读，深色和浅色模式。
