【JavaScript】常用方法记录

方法名作用备注
全局方法parseInt(str,radix)将一个字符串基于radix解析为整数并返回。radix=10或8或16,分别代表十进制、八进制、十六进制,如果不传radix,则会根据字符串进行解析,比如如果字符串开始为ox则以十六进制解析。
parseFloat(str)返回一个浮点数如果字符串不是以数字开头,则会返回NAN,字符串以空格开头不会有影响。
escape(str)对字符串进行编码,以便可以在所有计算机上读取该字符串不会对ascii字母和数字以及* @ - _ + . / 。等ascii标点符号进行编码
unescape(str)对str进行解码escape()和unescape()不能对URI进行操作
encodeURI(url)对URL进行编码不会对ascii字母和数字以及标点符号编码,也不会对url中具有特殊意义的符号编码,比如, / ? : @ & = + $ #
encodeURIComponent(url)对url进行编码与上面的区别是会对 / ? : @ & = + $ #这些具有特殊意义的标点符号进行编码
decodeURI()对编码过得url进行解码
decodeURIComponent()
isFinite(value)判断value是不是一个有穷的数如果value转为数字后是NAN或或者是正、负无穷大的数,则返回false
isNaN(value)检查value是不是非数字值将value转换为数字类型后是NaN的返回true
全局属性undefined、NaN、infinity
方法名作用备注
Number方法Number.isFinite(value)判断value是否为有穷大静态方法,必须有Number对象调用
num.toExponential(x)将num转换为指数形式,x表示小数位数属于实例方法,返回一个新的字符串
num.toFixed(x)示例:var num=1023;num.toFixed(3) //输出1023.000返回新的字符串
num.toPrecision(x)将num格式化为长度为x的数字var num=12.3443; num.toPrecision(3) //输出12.3
num.toString(radix)返回num 基于radix进制的字符串var num=17;num.toString(2)//10001 num.toString(8)//21 num.toString(16)//11
num.valueOf()返回一个Number对象的基本数字值
方法名作用备注
domdocument.documentElement.scrollTop获取滑块滑动的举例
document.documentElement.scrollWidth
elem.offsetWidth获取元素实际宽度
elem.offsetHeight获取元素实际高度
window.screen.width获取屏幕宽度
window.screen.height获取屏幕高度
方法名作用备注
实例obj.hasOwnProperty(name)obj是否含有自己的属性name
obj.isPrototypeOf(another)返回obj是否是another的原型
obj.propertyIsEnumerable(name)返回属性值name是否可遍历
ObjectObject.defineProperty(obj,name,descriptor)在obj对象上新增属性name
Object.keys(obj)返回key组成的数组
Object.entries(obj)返回[key,value]组成的数组
Object.values(obj)返回value组成的数组
方法名作用备注
Stringstr.concat(str1,str2)连接字符串str1和字符串str2,并返回一个新的字符串
str.charAt(num)返回num位置的字符
str.indexOf(str1)返回子字符串str1在str中第一处出现的索引,如果没有匹配项,则返回-1
str.lastIndexOf(“str1”)返回子字符串str1最后一次出现的位置,如果没有匹配项则返回-1
str.subString(start,end)返回start到end处的新字符串(左闭右开),如果参数是负数,直接将负数转换为0,如果仅有一个参数,则从该参数开始到末尾
str.subStr(start,[length])返回一个新字符串,从起始索引start提取制定数目的字符,如果只有start,则从start开始到末尾
str.slice(start,end)返回一个新的字符串,位置是[start,end),当接受的参数是负数的时候,slice会将它字符串的长度与对应的负数相加,结果作为参数,如果仅有一个参数,则从start开始到末尾
str.toLowerCase()、str.toUpperCase()返回新的字符串,将字符串转换大小写
str.split(separator,howmany)返回一个字符串数组,该数组通过separator制定的边界处将字符串切割成子串,返回的数组中的子串不包括separator本身

str.match(reg):
作用:检查一个字符串是否匹配一个正则表达式,返回存放匹配结果的数组。
match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。 如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。|

str.replace(reg,replacement)
作用:方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。返回一个新的字符串。
举例:

let str = "Hello World world"
str.replace("llo","test")// "hetest World world"
//以下三者的区别是什么?
str.replace(/w/,"test")
str.replace(/w/g,"test")
str.replace(/w/gi,"test")
//$1 $2....代表匹配的子表达式
let str1 = "alex ,john"
str1.replace(/(\w+)\s*,\s*(\w+)/,"$2,$1")// john,alex

var str = '"ab", "b"';
    console.log(str.replace(/"([^"]*)"/g, "'$1'")); //'ab', 'b' 

    var str = "aaa bbb ccc";
    console.log(str.replace(/\b\w+\b/g, function (w) {
        return w.substring(0, 1).toUpperCase() + w.substring(1);
    })); //Aaa Bbb Ccc 


search() – 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
stringObject.search(regexp) 返回stringObject 中第一个与 regexp 相匹配的子串的起始位置。
此方法跟indexOf类似。此方法会忽略g标识


    var str = "Visit HangZhou";
    console.log(str) //Visit HangZhou
    console.log(str.search(/Hang/)); //6
    console.log(str.search(/hang/)); //-1
    console.log(str.search(/hang/i)); //6
    var str = "1 plus 2 equal 3";
    console.log(str) //1 plus 2 equal 3
    console.log(str.search(/\d/g)); //0

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值