JS的数组与字符串方法对比总结

41 篇文章 0 订阅

前言:在笔记里标红为常用的方法。每个方法都对应了介绍和示例,可以帮助更好的唤醒记忆,有需要的点击链接自取~

JS字符串:

有道云笔记https://note.youdao.com/s/1R0LyFurJS数组方法:

注意:会改变原数组的操作:reverse, sort, splice, push, pop, shift, unshift, fill, copyWithin有道云笔记https://note.youdao.com/s/JgQrjNEE

具体差异对比如下所示:

数组字符串
描述方法方法描述
连接两个或多个数组,并返回已连接数组的副本。concat()concat()连接两个或多个字符串。
将数组转换为字符串,并返回结果。toString()toString()返回字符串。
返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。indexOf()indexOf()返回某个指定的字符串值在字符串中首次出现的位置。对大小写敏感!如果未找到该值,则返回 -1。
在数组中搜索元素,从末尾开始,并返回其位置。不存在则返回 -1。lastIndexOf()lastIndexOf()返回一个指定的字符串值从后向前搜索。对大小写敏感!如果未找到该值,则返回 -1。
返回数组的原始值。是数组对象的默认方法。valueOf()valueOf()返回 String 对象的原始值。此方法通常由 JavaScript 在内部调用。
检查数组是否包含指定的元素。根据情况返回 true 或 false。该方法区分大小写。includes()includes()判断一个字符串是否包含在另一个字符串中,根据情况返回 true 或 false。区分大小写的!
选择数组的一部分浅拷贝,包括 staet,不包括end,返回新数组。slice()slice()提取字符串的片断,并在新的字符串中返回被提取的部分。
substring() 提取字符串中两个指定的索引号之间的字符。
将数组的所有元素连接成一个字符串。默认分隔符是逗号 (,)。join()split()把字符串分割为字符串数组。
方法浅复制数组的一部分到同一数组中的另一个位置,并返回它。(会覆盖原始数组)copyWithin()repeat()构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。
使用数组中通过测试的每个元素创建新数组。filter()match()找到一个或多个正则表达式的匹配。
用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。(会覆盖原始数组)fill()replace()替换与正则表达式匹配的子串。
返回数组中第一个通过测试的元素的值,否则返回 undefined。find()search()检索与正则表达式相匹配的值。
返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。findIndex()
数组增删改字符串返回指定内容
将新元素添加到数组的开头,并返回新的长度。(改变原始数组)unshift()at()返回指定位置的字符。可以使用负索引。
删除数组的第一个元素,并返回该元素。(改变原始数组)shift()charAt()返回指定位置的字符。
将新元素添加到数组的末尾,并返回新的长度。(改变原始数组)push()charCodeAt()返回在指定的位置的字符的 Unicode 编码。
删除数组的最后一个元素,并返回该元素。(改变原始数组)pop()fromCharCode()接受一个指定的 Unicode 值,然后返回一个字符串的静态方法。
从数组中添加/删除元素。(改变原始数组)splice()字符串大小写转换
数组遍历toLocaleLowerCase()根据本地主机语言环境把字符串转换为小写。
检查数组中是否至少有 1 个元素通过了被提供的函数测试。空数组则返回false。some()toLocaleUpperCase()根据本地主机语言环境把字符串转换为大写。
检查数组内的所有元素是否都通过某个指定函数的测试。都通过测试或是空数组则返回 true,否则返回 false。every()toLowerCase()把字符串转换为小写。
按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。flat()toUpperCase()把字符串转换为大写。
使用数组中通过测试的每个元素创建新数组。filter()其他
按顺序为数组中的每个元素调用一次函数。forEach()localeCompare()用本地特定的顺序来比较两个字符串。
使用为每个数组元素调用函数的结果创建新数组。map()trim()从一个字符串的两端删除空白字符。
将数组的值减为单个值(从左到右)。reduce()startsWith()判断当前字符串是否以另外一个给定的子字符串开头,并根据判断结果返回 true 或 false。区分大小写。
将数组的值减为单个值(从右到左)。reduceRight()
返回 Array Iteration 对象,包含原始数组的键。keys()
返回一个新的 Array Iterator 对象,该对象包含数组每个索引的值。values()
返回键/值对数组迭代对象。entries()
其他
对数组的元素进行排序。(改变原始数组)sort()
反转数组中元素的顺序。(改变原始数组)reverse()
检查对象是否为数组。如果对象是数组则返回 true,否则返回 false。isArray()
对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。Array.from()
小结:会改变原数组的操作:reverse, sort, splice, push, pop, shift, unshift, fill, copyWithin

 具体内容如下图:

1.JS字符串

2.JS数组方法: 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中,数组字符串都是常见的数据类型,它们都有一些方法来操作它们。下面是它们常用方法的对比: 1. 长度 数组:使用 `length` 属性返回数组中元素的数量。 ``` let arr = [1, 2, 3, 4, 5]; console.log(arr.length); // 5 ``` 字符串:使用 `length` 属性返回字符串的长度。 ``` let str = "Hello"; console.log(str.length); // 5 ``` 2. 截取 数组:使用 `slice()` 方法截取数组的一部分,并返回一个新的数组。 ``` let arr = [1, 2, 3, 4, 5]; let newArr = arr.slice(1, 3); console.log(newArr); // [2, 3] ``` 字符串:使用 `substring()` 或 `substr()` 方法截取字符串的一部分,并返回一个新的字符串。 ``` let str = "Hello, World!"; let newStr = str.substring(0, 5); console.log(newStr); // "Hello" let newStr2 = str.substr(0, 5); console.log(newStr2); // "Hello" ``` 3. 拼接 数组:使用 `concat()` 方法将多个数组合并成一个,并返回一个新的数组。 ``` let arr1 = [1, 2]; let arr2 = [3, 4]; let newArr = arr1.concat(arr2); console.log(newArr); // [1, 2, 3, 4] ``` 字符串:使用 `concat()` 方法将多个字符串合并成一个,并返回一个新的字符串。 ``` let str1 = "Hello, "; let str2 = "World!"; let newStr = str1.concat(str2); console.log(newStr); // "Hello, World!" ``` 4. 查找 数组:使用 `indexOf()` 或 `lastIndexOf()` 方法查找数组中指定元素的位置。 ``` let arr = [1, 2, 3, 2, 1]; console.log(arr.indexOf(2)); // 1 console.log(arr.lastIndexOf(2)); // 3 ``` 字符串:使用 `indexOf()` 或 `lastIndexOf()` 方法查找字符串中指定子串的位置。 ``` let str = "Hello, World!"; console.log(str.indexOf("o")); // 4 console.log(str.lastIndexOf("o")); // 8 ``` 5. 替换 数组:使用 `splice()` 方法替换数组中的元素。 ``` let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1, "a", "b"); console.log(arr); // [1, 2, "a", "b", 4, 5] ``` 字符串:使用 `replace()` 方法替换字符串中的子串。 ``` let str = "Hello, World!"; let newStr = str.replace("World", "JavaScript"); console.log(newStr); // "Hello, JavaScript!" ``` 总的来说,数组字符串都有一些相似的方法,但是也有一些不同的方法。需要根据具体的场景选择使用哪种方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值