原生js中数组与字符串的方法的整理

* 数组

所有方法
concat() ----拼接
可以接收多个参数,按顺序拼接,得到一个新数组。参数是数组时,将数组拆开
返回值是新数组,此方法不改变原数组。
copyWithin() ----将数组中的一段复制出来,覆盖到数组中的另一段中。
最多接收3个参数(a, b, c) b和c可以省略(有默认值,b默认为0,c默认为arr.length)
从b开始复制(包含b),到c停止复制(不包含c),并从a开始覆盖。
返回值是新数组,此方法会改变原数组。
entries() ----创建可迭代对象
返回一个迭代对象,循环这个迭代对象可以拿到一些[index, value]格式的数组。
返回值是迭代对象,此方法不改变原数组。
every() ----断言方法,判断数组所有成员是否全部符合条件
参数是一个函数,函数可以接收最多3个参数(a, b, c),b和c可以省略(b是索引,c是数组本身)函数的返回值为判断条件
针对数组从头到尾依次判断,有判断结果为false就停止执行,返回false。否则如果判断结果均为true,就返回true
返回值是布尔值,不改变原数组
fill() ----填充
最多接收3个参数(a, b, c) b和c可以省略(有默认值,b默认为0,c默认为arr.length) 将a填充到原数组中去,从b开始填充(包含b),到c停止填充(不包含c)
返回值是新数组,此方法会改变原数组。
filter() ----筛选方法
参数是一个函数,函数可以接收最多3个参数(a, b, c),b和c可以省略(b是索引,c是数组本身)函数的返回值为判断条件
返回值是一个新数组,新数组中的成员为所有满足判断条件的原数组成员。不改变原数组。
find() ----查询方法,从0开始,查找首个符合条件的数组成员。
参数是一个函数,函数可以接收最多3个参数(a, b, c),b和c可以省略(b是索引,c是数组本身)函数的返回值为判断条件
返回值是原数组中满足条件的第一个成员,不改变原数组。
findIndex() ----查询方法,从0开始,查找首个符合条件的数组成员。
参数是一个函数,函数可以接收最多3个参数(a, b, c),b和c可以省略(b是索引,c是数组本身)函数的返回值为判断条件
返回值是原数组中满足条件的第一个成员的索引,不改变原数组。
flat() ----数组扁平化
接收一个正整数作为参数。用于将多维数组降维,参数表示所需降的维度。默认为1(即3降2、2降1)
返回值是新的数组,不改变原数组。
flatMap() ----可以理解为先对数组的每个成员执行map()方法,然后再对结果执行flat()方法
例:[1,2,3].flatMap((a)=>{ [a, a * 2]})得到的结果为[1, 2, 2, 4, 3, 6]
forEach() ----遍历方法,用于循环数组
接收一个函数作为参数函数可以接收最多3个参数(a, b, c),b和c可以省略(b是索引,c是数组本身)
在回调函数中可以拿到数组所有的成员。
includes() ----检测数组是否包含某项。
arr = [1, 2, 3, “cat”, “bro”] var a = arr.includes(“cat”); a的值为true
返回值是布尔值,不会改变原数组
indexOf() ----查找数组中某项所在的第1个索引
arr = [1, 2, 3, “Apple”, “Banana”, “Apple”]; var a = arr.indexOf(“Apple”); a的值是3(只能获取第1个Apple所在的索引)
返回值为索引,不改变原数组
join() ----数组转字符串的方法。
arr = [1, 2, “apple”] var str = arr.join(); str的结果为"1,2,apple" var str2 = arr.join(#); str2 的结果为 “1#2#apple”
keys() ----创建可迭代对象
对比entries()方法,entries()方法得到的是[key, value]格式的数组,key()方法只能得到
keylastIndexOf() ----查找数组中某项所在的最后一个索引
arr = [1, 2, 3, “Apple”, “Banana”, “Apple”]; var a = arr.indexOf(“Apple”);
a的值是5(只能获取最后一个Apple所在的索引)
返回值为索引,不改变原数组
length ----数组的长度
长度是属性,不是方法。
map() ----数组的批量执行
接收一个函数,对数组每个成员执行这个操作,将结果返回给一个新数组。
pop() ----尾删
不接受参数,传参的话,参数无效,用于将数组尾部删除一项。
返回值为删去的值,会改变原数组。
push() ----尾增
可以接收多个参数,将这些参数按顺序放到数组尾部,如果参数是数组,不会将数组拆分
返回值是新数组的长度,会改变原数组。
reduce() ----计算数组元素相加后的和
接收一个函数作为参数,可以接收2-4个参数,a,b,c,d。 a是计算前的初始值,也可以称之为计算后的返回值,b循环表示数组中的每一项(当前项),c是索引,d是数组本身。
回调函数的返回值为a+b.====>arr = [1, 2, 3, 4, 5]; arr.reduce(function(a, b){return a+b;})=>可以理解为每次都执行a = a + b;
方法的返回值是所有成员的和,不改变元素组
reduceRight() ----计算数组相加后的和
与reduce相类似,不同处在于,reduceRight是从后往前加。
reverse() ----反转数组
无参数,将原数组进行了反转,会改变原数组,返回值也是反转后的数组。
shift() ----数组的头删方法
从数组的开头删除一个元素,无参数,一次只删一个,会改变原数组,返回值是删掉的数组元素。
slice() ----数组的截取
从原数组中截取一段,返回这个新数组
接收1-2个参数a,b。表示从原数组中索引为a的元素开始截取,到b停止截取,不包括b。b不写时默认值为原数组长度arr.length(即截取到数组最后)
返回值是截取到的数组,不会改变原数组。
some() ----断言方法
判断数组中是否有成员符合判断条件。
接收一个函数作为参数,函数有最多3个参数(a, b, c) b,c可以省略,b是索引,c是数组本身。函数的返回值是判断条件。加入有成员满足这个判断条件,方法返回true,如果都不满足,就返回false 返回值是布尔值,不改变原数组。
sort() ----数组排序方法
可以无参数,可以接收一个函数作为参数。无参数时按照字符的排序方式对数组进行排序。函数接收2个参数,a,b。当函数返回a-b时将数组成员按从大到小排序,返回b-a时,按从小到大排序。
splice() ----数组的修改。增、删、改
可以接收多个参数,第1个参数是操作位,第2个参数是删除的个数,从第3个往后是添加的每个数组成员
返回值是删掉的成员组成的数组,会改变原数组。
toLocaleString()—把本地时间对象转换成字符串(不是数组的方法),数组使用这个方法与toString()得到的结果一样
toString() ----数组转换成字符串,成员间逗号隔开
unshift() ----头增
接收1个参数,将这个参数放到数组的头部。
改变原数组,返回值是改变后数组的长度。
values() ----???

#字符串

所有方法
anchor() ----返回一个HTML锚
var str = “Hello World!” var str1 = str.anchor(“anchor1”); document.write(str);>Hello World!
big() ----返回一个HTML标签–给字符加上标签
blink() ----返回一个HTML标签–给字符串加上标签,让文字支持闪动,但只有火狐与欧朋浏览器支持。
blod() ----返回一个HTML标签–给字符串加上标签,让文字加粗
charAt() ----返回索引位置的字符。
接收一个数字作为索引,返回此索引位置的字符。
charCodeAt() ----返回索引位置的字符的ASCII码
接收一个数字作为索引,返回此索引位置的字符的ASCII码
codePointAt() ----对于Unicode编码大于0(0xFFFF)的字符,需要4个字节来存储这个字符,JS通常无法进行正常处理,所以ES6针对这个BUG进行了处理。
codePointAt()方法可以正常存储4个字节的字符,并返回这个字符的码点。
concat() ----字符串的拼接。
接收多个字符串做为参数,将这些字符串进行拼接,返回拼接后的字符串。
endsWith() ----断言方法。
接收一个字符作为参数,判断本字符串是否以这个字符串结尾,如果是则返回true,如果不是则返回false。
fixed() ----返回一个HTML标签–给字符加上标签–(tt标签是个神马东西???)
fontcolor() ----设置字体颜色,返回一个HTML标签–给字符加上标签,并给标签设置color属性
fontsize() ----设置字体大小,返回一个HTML标签–给字符加上标签,并给标签设置size属性
includes() ----断言方法。
接收一个字符串作为参数,判断原字符串是否包含这段字符串,如果包含,则返回true,如果不包含则返回false。
indexOf() ----查找字符串。
接收一个字符串作为参数,判断这个字符串在原字符串是否包含这个字符串,如果包含,返回第一次出现所在的索引,如果不包含则返回-1
italics() ----返回一个HTML标签–给字符串加上标签,让文字倾斜
lastIndexOf() ----查找字符串。(类似于indexOf,但是返回值是最后一次出现所在的索引)
接收一个字符串作为参数,判断这个字符串在原字符串是否包含这个字符串,如果包含,返回最后一次出现所在的索引,如果不包含则返回-1
link() ----返回一个HTML标签–给字符串加上标签。
接收一个字符串作为参数,将这个字符串作为a标签的href链接。
localeCompare() ----???
match() ----字符串的匹配方法。
接收一个字符串作为参数,检查原字符串中是否包含此字符串,如果包含则原样返回,不包含则返回null。
也可以接收一个正则表达式作为参数,返回正则表达式在原字符串中所匹配到的内容
Eg:var txt = “Hello456 World123!”; var str = txt.match(/\d+/g); str
=>[456, 123]**var str2 = txt.match(“Hello”); str1=====>“Hello”
matchAll() ----???找不到这个方法
normalize() ----(好像是将字符编码转为固定的某个编码格式,接收的参数固定只能是[ “NFC”, “NFD”, “NFKC”, “NFKD”] 中的一个。分别表示不同编码格式。)
padEnd() ----字符串补全方法。
接收2个参数,第一个是需要补全到的长度(number);第二个是用什么来补全这个字符串(string),如果原字符串长度不够,则在后面补全到指定长度。
Eg:var str = “abc”; var str2 = str.padEnd(10,“c”); str2=====>“abcccccccc”;
padStart() ----字符串补全方法。
接收2个参数,与padEnd()方法类似用法,区别在于在头部补全。
repeat() ----复制字符串
接收一个数字作为参数,表示将原字符复制指定次数并返回。
replace() ----字符的替换
将关键字过滤,但只能过滤一个
var str = “一九八九年中国的政治中心北京发生了动荡,但很快被武装压制,至今中国政府仍然对八九年的事件没有任何解释,并且强力封锁当年的任何消息”;
var str2 = str.replace(“八九”, "
");str2====>只替换第一个“八九”,
var str3 = str.replace(/八九/, "
");str2====>只替换第一个“八九”,
var str3 = str.replace(/八九/g, "
");str2====>替换所有的“八九”,
search() ----字符串搜索方法。
接收一个字符串作为参数,在原字符串中搜索是否包含这个字符串,如果包含则返回第一次出现的下标,没有则返回-1
slice() ----字符串的截取方法
接收最多2个参数,(a, b) a的默认值为0,b的默认值为str.length
从a开始截取,到b停止截取,包含a不包含b,将截取内容返回。
small() ----返回一个HTML标签–给字符加上标签
split() ----字符串转数组
接收一个字符作为参数,将此字符串作为分隔符号将原字符串分隔成多段字符,并放入一个数组中,返回这个数组。
startsWith() ----断言方法
接收一个字符作为参数,判断原字符串是否以这个字符串开头,如果是则返回true,不是则返回false。
strike() ----返回一个HTML标签–给字符加上 标签
作用是给字符加上横线(删除线)
sub() ----返回一个HTML标签–给字符加上标签
作用是将字符变成下标的样式。
substr() ----字符串的截取方法
接收最多2个参数,(a, b) a的默认值为0,b的默认值为str.length - a
从a开始截取,截取b个,将截取内容返回。
substring() ----字符串的截取方法
接收最多2个参数,(a, b)
会比较a和b的大小,从较小的开始截取,到较大的数字停止截取。
sup() ----返回一个HTML标签–给字符加上标签
作用是将字符变成角标的样式(右上角)。
toLocaleLowerCase()----根据本地语言,将大写转为小写
toLocaleUpperCase()----根据本地语言,将小写转为大写
toLowerCase() ----将所有大写转为小写
toString() ----转换为字符串??????
toUpperCase() ----将所有小写转为大写
trim() ----移除头尾空格
trimEnd() ----移除尾部空格
trimStart() ----移除头部空格
valueOf() ----返回原始值???

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值