关于前端:JavaScript-内置对象超级重要

2次阅读

共计 4473 个字符，预计需要花费 12 分钟才能阅读完成。

原文链接：https://note.noxussj.top/?source=sifou

字符串转换 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'

**加减乘除 + – * /**

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

创建对象 {}

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

创立数组 []

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 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.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

创立正则对象 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 端浏览，深色和浅色模式。