（前端基本功）数组、字符串、集合方法总结

JavaScript与数组字符串方法详解

最新推荐文章于 2024-03-29 11:30:39 发布

原创最新推荐文章于 2024-03-29 11:30:39 发布 · 482 阅读

0 ·

CC 4.0 BY-SA版权

前端基础知识专栏收录该内容

2 篇文章

订阅专栏

本文深入探讨了JavaScript中数组和字符串的各种操作方法，包括返回新数组、改变原数组、返回布尔值、返回索引值等。重点讲解了concat、filter、map、slice、join、indexOf、reduce、toString等关键方法的使用，同时也介绍了字符串的方法如charAt、indexOf、replace等，强调了不可变性和原地修改的区别。此外，还提到了如何在实际开发中应用这些方法来优化代码和解决问题。

数组方法

返回新数组

concat()//连接数组 
filter()//过滤数组
flat()//转为指定维度数组
flatMap()//映射函数并压缩成新数组
map()//逐个改变数组为新数组
from() // Array.from('foo') 
of()// Array.of(7) = [7]
slice()// 返回原数组的浅拷贝，切片

返回字符串

join()//连接并转为字符串
toString()//转字符串

返回布尔值

includes()//包含指定值为true
every()// 所有通过返回true，空为true
some()// 至少一个通过返回true,空为false

返回索引值

findIndex()//通过测试的第一个元素的索引，否则 为-1
find() //通过测试的第一个元素值
indexOf()// 第一个指定元素的索引 ，否则 为-1
lastIndexOf()// 最后一个指定元素的索引，否则为-1
reduce()

在原数组上修改/改变原数组

copyWithin()
fill()
pop()// 返回删除的最后一个元素的值
push()//返回新长度
shift()// 返回删除的第一个元素的值
unshift()//元素添加到数组开头，返回新长度
reverse() // 元素位置颠倒
sort()//排序
splice()// 插入，删除，替换元素

返回新的遍历对象

entries()
keys()
values()

字符串方法

charAt()//返回指定的字符 
valueOf()// 返回原始值       
indexOf()// 每一次出现指定值 的索引
lastIndexOf()// 最后一次出现指定值 的索引
search()// 匹配正则，返回第一次成功的索引
endsWith()// 返回是否以指定字符串结尾
includes()// 返回是否包含指定字符串
startsWith()// 返回是否为给定字符串开关

返回新字符串

concat()
match()// 返回匹配正则的结果
repeat()// 返回重复字符串的副本
replace()// 替换部分
replaceAll()// 替换所有
slice()// 提取一部分
split()// 指定分隔符分割
substring()// 返回indexStart到indexEnd（不包含）之间的字符
toLocaleLowerCase()// 大写转小写
toLocaleUpperCase()// 小写转大写
trim()// 删除两端空白字符串

更改原字符串

padEnd()// 用字符串填充当前字符串

划重点：

slice 是切割的意思。split 是分割。splice是添加或增加
String的值无法修改