JS 操作数组字符串

字符串和数组之间的转换

字符串转换为数组

var string = '123,456,789';
var stringResult = string.split(',');
console.log(stringResult)  // 输出["123", "456", "789"]

string.split(",").map(Number);  // 输出[123,456,789]

JSON.parse("[" + string + "]");  // 输出[123,456,789]

var string2 = 'abcdef'
var string2Result = string2.split('')
console.log(string2Result) //输出['a','b','c','d','e','f']

数组转换为字符串

var array = ['abc', 'def', 'hig']
var arrayResult = array.join(',')
console.log(arrayResult)  // 输出"abc,def,hig"

array.toString()  // 输出"abc,def,hig"

-----------------------------------------------------------------

判断数组中是否包含某个值

方法1:array.indexOf

>>> 判断数组中是否存在某个值,如果存在,则返回数组元素的下标,否则返回 -1

var arr = [1,2,3,4];
var index = arr.indexOf(3);
console.log(index);  // 输出2 -- 元素3的下标

方法2:array.includes(searcElement[,fromIndex])

>>> 判断数组中是否存在某个值,如果存在返回true,否则返回false

var arr=[1,2,3,4];
if(arr.includes(3))
    console.log("存在");
else
    console.log("不存在");

方法3:array.find(callback[,thisArg])

>>> 返回数组中满足条件的第一个元素的值,如果没有,返回undefined

var arr = [1,2,3,4];
var result = arr.find(item =>{
    return item > 2
});
console.log(result);  // 输出3 -- 数组元素

方法4:array.findeIndex(callback[,thisArg])

>>> 返回数组中满足条件的第一个元素的下标,如果没有找到,返回-1

var arr = [1,2,3,4];
var result = arr.findIndex(item =>{
    return item > 3
});
console.log(result);  // 输出3 -- 元素4的下标

-----------------------------------------------------------------

判断字符串中是否包含某个值

方法1:indexOf()   (推荐)

>>> 返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1

var str = "123"
console.log(str.indexOf("2") != -1);  // true

方法2:match()

>>> 在字符串内检索指定的值,或找到一个或多个正则表达式的匹配

var str = "123"
var reg = RegExp(/3/);
if(str.match(reg)){
  // 包含
}

方法3:search()

>>> 检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1

var str = "123"
console.log(str.search("2") != -1);  // true

方法4:test()

>>> 检索字符串中指定的值。返回 true 或 false

var str = "123"
var reg = RegExp(/3/);
console.log(reg.test(str) != -1);  // true

方法5:exec()

>>> 检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null

var str = "123"
var reg = RegExp(/3/);
if(reg.exec(str)) {
  // 包含
}

-----------------------------------------------------------------

删除 String 字符串里某个字符

replace()方法  (推荐)

>>> 这个方法只会删除一次,如果需要将string里的所以字符都删除就要用到正则

*** 调用replace后,一定要记得重新赋值

var str = "abcdaabbccaaa";
var reg = new RegExp("a","g");
var a = str.replace(reg,"");
console.log(a);  // 返回 bcdbbcc

注:

new RegExp()这个方法创建正则
第一个参数“a”指定了正则表达式的模式或其他正则表达式。
后一个参数是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。

ECMAScript 标准化之前,不支持 m 属性。

如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。

split().join()

>>> 分割成数组,再重新拼接成新的字符串

var str = "abcdaabbccaaa";
var a = str.split("a").join("");
console.log(a);  // 返回 bcdbbcc

 

你可能感兴趣的:(Web,FrontEnd,javascript)