js字符串和数组的操作方法

476 阅读3分钟

前言

大家好,我是暮行,我会像牛一样给大家更新,基础的知识巩固的差不多的时候,我会带着大家一块学习学习Vue3

引言

我刚工作的时候,最让我头疼的就是对数据的处理,类似于,字符串的增删改,数据的增删改,只要一遇到这种问题头疼的不行不行,今天写这篇文章的目的性也很强,自己做一个总结归纳,你们忘掉的时候,看一下文章里面清晰明了。 废话不多少,上正文

字符串的操作方法 String

字符串长度


var txt = "31LMNOPwqeweqeUVWweZ";
var sln = txt.length;
console.log(sln);

indexOf()方法返回指定文本首次出现的位置 注意是首次出现字母

var str = "The full name of China is the People's Republic of China.";
  var pos = str.indexOf("P");

lastIndexOf() 跟上面indexOf用法相同,不过是返回最后一次出现的位置下标 如果没找到的话,就会返回-1

search()方法搜索特定值的字符串,并返回匹配的位置 indexOf() 与 search(),作用其实是相等的

slice()方法 (必须熟练) 官网称之为提取字符串,但是,我更愿意称他为字符串的切割

如果是两个参数的话会截取中间部分的字符串 如果是一个参数,就会将签名的删除掉保留截取下标后面的数据

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

substring() 方法 他与slice()方法过于相似,唯一一点是不能接受负值

substr() 他与slice()方法相似,但是不同之处在于第二个参数规定被提取部分的长度

replace() 字符串的替换 (必须熟练)

1.用另一个值替换在字符串中指定的值 replace() 方法不会改变调用它的字符串。它返回的是新字符串
str = "暮行,你好帅啊,我好喜欢你";
var n = str.replace("第一个参数是你参考的目标,你要把这个值换成什么", "第二个参数,你替换之后希望的参数");


charAt() 方法 用于返回字符串的下标

trim() 用于删除字符串左右的下标

var str = "       Hello World!        ";
alert(str.trim());

写困了 字符串最常用的其实并不多 再写就睡着了 打起精神 咱看看数组的操作方法

数组的操作方法

concat() 用于连接两个或多个数组

image.png

pop() 方法从数组中删除最后一个元素

var fruits = ["金钱", "美女", "平安", "小三"];
fruits.pop();  
返回结果为 ["金钱", "美女", "平安"]

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。

var fruits = ["金钱", "美女", "平安"];
fruits.push("健康");  
返回结果为 ["金钱", "美女", "平安","健康"]

shift() 方法会删除首个数组元素,并把所有其他元素“位移”到更低的索引。

image.png

unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组。

image.png

slice() 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。返回选定的元素,该方法不会修改原数组。

 var add =[1,2,3,4];
alert(add.slice(1,2))
返回结果 2 
如果 alert(add.slice(1))
返回数组 [2,3,4]

splice()
splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。splice() 方法会直接对数组进行修改。

 var add =[1,2,3,4,5,7];
 console.log(add.splice(1))  // [2, 3, 4, 5, 7] 返回结果
 
  var add =[1,2,3,4,5,7];
  console.log(add.splice(1,3))  //  [2, 3, 4]

sort 排序

var add =[1,2,3,4,5,7];
console.log(add.sort())   结果 [1, 2, 3, 4, 5, 7]
默认是升序

reverse() 将数组进行颠倒

 var add =[1,2,313,4,5,7];
console.log(add.reverse())   [7, 5, 4, 313, 2, 1]

最后

兄弟们还有没有补充的,评论区见吧,下期见