前端知识框架 前端知识框架
首页
基础
框架
插件
Node
地图
更多
前端须知
  • 分类
  • 标签
  • 归档

BestIdea

首页
基础
框架
插件
Node
地图
更多
前端须知
  • 分类
  • 标签
  • 归档
  • 国产机环境浏览器兼容问题收集(持续收集)
  • canvas电子画板,适用于H5版本,组件产出为blob类型的文件流
  • Css3 filter(滤镜) 属性
  • css选择器
  • http缓存
  • less语法
  • New date()浏览器时间兼容性
  • rem自动适应性布局方案
  • 浏览器缓存机制
  • 屏幕适配
  • 前端基础方法汇总
    • 字符串 String
    • 数字 Number
    • 数组 Array
    • 对象 Math
  • 图片转码下载方式(解决浏览器下载图片时直接打开图片问题)
  • CSS命名规范
  • 大屏定位解决方案
  • TypeScript入门
  • 解决有些浏览器rem不以html的font-size为基准问题
  • 解决Vue项目页面缩放问题
  • H5扫一扫功能
  • crypto前端加密
  • 基础
郝东建
2022-03-26
目录

前端基础方法汇总

# 字符串 String

方法 参数 作用
charAt index 返回在指定位置的字符。
charCodeAt index 返回在指定的位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。
codePointAt index 返回指定位置的字符的 Unicode 编码。如果 index 是负数,或大于等于字符串的长度,则 codePointAt() 返回 undefined。
concat stringX,stringX,...,stringX 连接字符串。
endsWith searchvalue, length 返回布尔值,表示参数字符串是否在原字符串的尾部。
includes searchvalue, start 确定字符串是否包含指定字符串的字符。如果包含返回 true,否则返回 false。
indexOf searchvalue,start 可返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf searchvalue, start 返回字符串中最后一次出现的指定文本的索引:
length 使用内置 length 属性获得字符串的长度:
localeCompare compareString 返回一个数字,指示字符串 是按照排序顺序排在比较的字符串之前,之后还是相等。
match regexp 字符串中搜索与正则表达式的匹配项,并将匹配项作为数组对象返回
matchAll regexp 一次性取出所有匹配。不过,它返回的是一个遍历器(Iterator),而不是数组。
normalize form 返回给定输入字符串的 Unicode 规范化形式。如果给定的输入不是字符串,则首先将其转换为字符串,然后此函数将起作用。
padEnd maxLength,fillString 如果某个字符串不够指定长度,会在头部或尾部补全。
padStart maxLength,fillString 如果某个字符串不够指定长度,会在头部或尾部补全。
repeat count 返回一个新字符串,该字符串具有指定的字符串副本数量。
replace regexp/substr,replacement 替换与正则表达式匹配的子串。
replaceAll regexp substr, newSubstrfunction 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该函数会替换所有匹配到的子字符串。
search regexp 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
slice start,end 提取字符串的片断,并在新的字符串中返回被提取的部分。
split separator,howmany(指定返回的数组的最大长度) 把一个字符串分割成字符串数组。
startsWith searchvalue, length 返回布尔值,表示参数字符串是否在原字符串的头部
substr start,length 从起始索引号提取字符串中指定数目的字符。
substring start,stop 用于提取字符串中介于两个指定下标之间的字符。
toLocaleLowerCase 方法用于把字符串转换为小写。
toLocaleUpperCase 方法用于把字符串转换为大写
toLowerCase 方法用于把字符串转换为小写。
toString 返回字符串
toUpperCase 方法用于把字符串转换为大写。
trim 用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。
trimEnd 消除尾部的空格
trimLeft trimStart()的别名
trimRight trimEnd()的别名
trimStart 消除字符串头部的空格
valueOf 返回某个字符串对象的原始值。

# 数字 Number

方法 参数 作用
toString 把数字转换为字符串,使用指定的基数。
toLocaleString 把数字转换为字符串,使用本地数字格式顺序。
toFixed 把数字转换为字符串,结果的小数点后有指定位数的数字。
toExponential 把对象的值转换为指数计数法。
toPrecision 把数字格式化为指定的长度。
valueOf 返回一个 Number 对象的基本数字值。
isFinite 用来检查一个数值是否为有限的(finite)
isNaN 用来检查一个值是否为 NaN
parseInt string, radix 函数解析字符串并返回一个整数。radix 参数用于指定要使用的数字系统,例如,16(十六进制)的基数表示字符串中的数字应从十六进制数解析为十进制数。如果省略 radix 参数
parseFloat string )函数解析字符串并返回浮点数。此函数确定指定字符串中的第一个字符是否为数字。如果是,则解析字符串直到它到达数字的末尾,并将数字作为数字返回,而不是字符串
isInteger 用来判断一个数值是否为整数

# 数组 Array

方法 参数 作用
concat arrayX,arrayX,......,arrayX 连接两个或更多的数组,并返回结果。
copyWithin target, start, end 用于从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries 返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。
every function(currentValue,index,arr), thisValue 用于检测数组所有元素是否都符合指定条件(通过函数提供)
fill value, start, end 用于将一个固定值替换数组的元素。
filter function(currentValue,index,arr), thisValue 创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
find function(currentValue, index, arr),thisValue 返回符合传入测试(函数)条件的数组元素。
findIndex function(currentValue, index, arr), thisValue 返回符合传入测试(函数)条件的数组元素索引。
flat count 用于将嵌套的数组“拉平”,变成一维的数组。该方法返回一个新数组,对原数据没有影响。
flatMap function(currentValue, index, arr), thisValue 对原数组的每个成员执行一个函数(相当于执行 Array.prototype.map()),然后对返回值组成的数组执行 flat()方法。该方法返回一个新数组,不改变原数组。
forEach function(currentValue, index, arr), thisValue 用于调用数组的每个元素,并将元素传递给回调函数。
includes searchElement, fromIndex 判断一个数组是否包含一个指定的值,如果是返回 true,否则 false。
indexOf item,start 搜索数组中的元素,并返回它所在的位置。
join separator 把数组的所有元素放入一个字符串。
keys 返回数组的可迭代对象,包含原始数组的键(key)。
lastIndexOf item,start 搜索数组中的元素,并返回它最后出现的位置。
length
map function(currentValue,index,arr), thisValue 通过指定函数处理数组的每个元素,并返回处理后的数组。
pop 删除数组的最后一个元素并返回删除的元素。
push tem1, item2, ..., itemX 可向数组的末尾添加一个或多个元素,并返回新的长度。
reduce function(total, currentValue, currentIndex, arr), initialValue 将数组元素计算为一个值(从左到右)。
reduceRight function(total, currentValue, currentIndex, arr), initialValue 将数组元素计算为一个值(从右到左)。
reverse 反转数组的元素顺序
shift 数组的第一个元素从其中删除,并返回第一个元素的值。
slice start, end 选取数组的一部分,并返回一个新数组。
some function(currentValue,index,arr),thisValue 检测数组元素中是否有元素符合指定条件。
sort sortfunction 用于对数组的元素进行排序
splice index,howmany,item1,.....,itemX 添加或删除数组中的元素。
toLocaleString 把数组转换为本地字符串
toString 把数组转换为字符串
unshift item1,item2, ..., itemX 向数组的开头添加一个或更多元素,并返回新的长度
values 返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值。

# 对象 Math

方法 参数 作用
E 返回算术常量 e,即自然对数的底数(约等于 2.718)。
LN2 返回 2 的自然对数(约等于 0.693)。
LN10 返回 10 的自然对数(约等于 2.302)。
LOG2E 返回以 2 为底的 e 的对数(约等于 1.4426950408889634)。
LOG10E 返回以 10 为底的 e 的对数(约等于 0.434)
PI 返回圆周率(约等于 3.14159)。
SQRT1_2 返回 2 的平方根的倒数(约等于 0.707)。
SQRT2 返回 2 的平方根(约等于 1.414)。
abs x 返回 x 的绝对值。
acos x 返回 x 的反余弦值。
acosh x 返回 x 的反双曲余弦
asin x 返回 x 的反正弦值。
asinh x 返回 x 的反双曲正弦
atan x 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2 x,y 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。
atanh x 返回 x 的反双曲正切
cbrt x 函数返回任意数字的立方根.
ceil x 对数进行上舍入。
clz32 x 方法将参数转为 32 位无符号整数的形式,然后返回这个 32 位值里面有多少个前导 0
cos x 返回数的余弦。
cosh x 返回 x 的双曲余弦
exp x 返回 Ex 的指数
expm1 x 返回 ex - 1,即 Math.exp(x) - 1。
floor x 对 x 进行下舍入
fround x 返回一个数的 32 位单精度浮点数形式。
hypot x1,x2... 返回所有参数的平方和的平方根。
imul a,b 返回两个数以 32 位带符号整数形式相乘的结果,返回的也是一个 32 位的带符号整数。
log x 返回数的自然对数(底为 e)。
log1p x 方法返回 1 + x 的自然对数,即 Math.log(1 + x)。如果 x 小于-1,返回 NaN。
log2 x 返回以 2 为底的 x 的对数。如果 x 小于 0,则返回 NaN。
log10 x 返回以 10 为底的 x 的对数。如果 x 小于 0,则返回 NaN。
max x,y,z,...,n 返回 x,y,z,...,n 中的最高值。
min x,y,z,...,n 返回 x,y,z,...,n 中的最低值。
pow x,y 返回 x 的 y 次幂。
random 返回 0 ~ 1 之间的随机数。
round x 四舍五入。
sign x 用来判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值。它会返回五种值。参数为正数,返回+1;参数为负数,返回-1;参数为 0,返回 0;参数为-0,返回-0;其他值,返回 NaN。
sin x 返回数的正弦。
sinh x 返回 x 的双曲正弦
sqrt x 返回数的平方根。
tan x 返回角的正切。
tanh x 返回 x 的双曲正切
trunc x 用于去除一个数的小数部分,返回整数部分。
上次更新: 2024/01/18, 10:44:15
屏幕适配
图片转码下载方式(解决浏览器下载图片时直接打开图片问题)

← 屏幕适配 图片转码下载方式(解决浏览器下载图片时直接打开图片问题)→

最近更新
01
webpack打包替换类名命名空间
05-01
02
Vite常用配置
02-26
03
crypto前端加密
01-18
更多文章>
Theme by Vdoing | Copyright © 2022-2024
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式