字符串常用操作一、字符串转对象 1. JSON.parse( str ) 2. eval("("+str+")") 3.

一、字符串转对象

1. JSON.parse( str )

// 定义一个对象字符串
const str = '{"error":1,"data":"用户不存在"}';
// 使用JSON.parse()
const obj = JSON.parse(str);
// 输出该对象
console.log(obj);

2. eval("("+str+")")

// 定义一个对象字符串
const str = '{"error":1,"data":"用户不存在"}';
// 使用eval();
const obj = eval("(" + str + ")")
// 输出该对象
console.log(obj);

3. (new Function("return " + str))();

// 定义一个对象字符串
const str = '{"error":1,"data":"用户不存在"}';
// 使用Function
const obj = (new Function("return " + str))(); 
// 输出该对象
console.log(obj);

二、js实现列表模糊查询的几种方法

需求：对列表进行模糊查询，不区分大小写。

const list = [
  'Audit',
  'ComplianceData',
  'conversationdb',
  'DocumentCenterData', 
  'EmailCenterData'
];

1. indexof 方法

语法： str.indexOf(searchvalue, fromindex)

参数：

searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 str.length - 1。如省略该参数，则将从字符串的首字符开始检索。

说明：

该方法将从头到尾地检索字符串 str，看它是否含有子字符串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。str 中的字符位置是从 0 开始的。如果没有找到，将返回 -1。

function searchList(list, keyWord) { 
  const inputs = keyWord.toLowerCase();
  return list.filter(item => item.toLowerCase().indexOf(inputs) !== -1)   
}

2. includes方法

语法： string.includes(searchvalue, fromindex)

参数：

searchvalue 必需。规定需检索的字符串值。
fromindex 可选。设置从那个位置开始查找，默认为 0。

说明：

includes() 方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true，否则返回 false。

function searchList(list, keyword) {
  return list.filter(item => item.includes(keyword));
}

3. split 方法

语法： str.split(separator, howmany)

参数：

separator 必需。字符串或正则表达式，从该参数指定的地方分割 str。
howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

说明：

该方法通过在 separator 指定的边界处将字符串 str 分割成子串并返回子串数组。返回的数组中的字串不包括 separator 自身。如果 str 中不存在 separator，将返回一个只包含str的数组。故可以根据返回数组的长度来判断是否存在子字符串 separator 。

function searchList(list, keyWord) {
  const inputs = keyWord.toLowerCase();
  return list.filter(item => item.toLowerCase().split(inputs).length > 1)
}

4. match 方法

语法： str.match(searchvalue) 或 str.match(regexp)

参数：

searchvalue 必需。规定要检索的字符串值。
regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

说明：

该方法将在字符串 str 内检索指定的值，或找到一个或多个正则表达式的匹配。如果没有找到任何匹配的文本，将返回 null 。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。

function searchList(list, keyWord) {
  const inputs = keyWord.toLowerCase();
  return list.filter(item => item.toLowerCase().match(inputs) != null)
}

5.test方法（正则匹配）

语法：RegExpObject.test(str)

参数：string 必需。要检测的字符串。

说明：

该方法用于检测一个字符串是否匹配某个模式。如果字符串 str 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。

function searchList(list, keyWord) {
  const regex = new RegExp(keyWord, 'i'); //i 修饰符，不区分大小写
  return list.filter(item => regex.test(item))
}

6. 性能测试

测试条件：一个长度为100的数组，每个方法测试50次，取平均值。

方法	平均耗时
indexOf方法	0.05542
includes方法	0.06982
match方法	0.07272
正则表达式	0.08416
split方法	1.10896

三、字符串首字母大写

1. toUpperCase和slice方法

function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

capitalizeFirstLetter("hello World！");
//输出：Hello World！

2. 使用正则表达式替换

function capitalizeFirstLetter(str) {
  return str.replace(/^\w/, (c) => c.toUpperCase());
}

capitalizeFirstLetter("hello World！");
//输出：Hello World！

3. split和join方法

function capitalizeFirstLetter(str) {
  const words = str.split(' ');
  const capitalizedWords = words.map(word => 
		word.charAt(0).toUpperCase() + word.slice(1));
  return capitalizedWords.join(' ');
}

capitalizeFirstLetter("hello World！");
//输出：Hello World！

需要注意的是，以上方法都是针对单个单词的情况。如果字符串包含多个单词，需要先将字符串按照分隔符分成单词数组，再对每个单词进行首字母大写处理。

示例：让字符串的每个单词首字母都大写，其余部分小写

function titleCase(str) {
	// const words = str.toLowerCase().split(' ');
 //  const capitalizedWords = words.map(word => word.charAt(0).toUpperCase() + word.slice(1));
 //  return capitalizedWords.join(' ');

	// 链式调用
	return str.toLowerCase().split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
}

function capitalizeWords(str) {
  return str.replace(/\b\w/g, (c) => c.toUpperCase());
}

titleCase("I'm a little tea pot");
capitalizeWords("I'm a little tea pot");
//输出：I'm A Little Tea Pot

四、字符串类型与数字类型之间的相互转换

1. 字符串类型转换为数字类型

const str = "123";

// 方式一：使用前置加号：
console.log(+str);         // 输出：123
console.log(typeof(+str)); // 输出：number
console.log(+"abc");       // 输出：NAN
// 方式二：使用Number()函数：
console.log(Number(str));         // 输出：123
console.log(typeof(Number(str))); // 输出：number
console.log(Number("abc"));       // 输出：NAN
 
// 方式三：使用parseInt()函数：
console.log(parseInt(str));         // 输出：123
console.log(typeof(parseInt(str))); // 输出：number
console.log(parseInt("123px"))      //输出：123
console.log(parseInt("px123"))      //输出：NAN

// 方式四：使用parseFloat()函数：
console.log(parseFloat(str));            // 输出：123
console.log(typeof(parseFloat(str)));    // 输出：number
console.log(parseFloat("3.1415"))        // 输出：3.1415
console.log(parseFloat("csdn123.456"))   // 输出：NAN
console.log(parseFloat("123.456csdn"))   // 输出：123.456

前置加号和Number()只能将纯“数字型字符串”转换为数字，不能将其他字符串（字符串内包含有数字字符）转换为数字，如果字符串中出现非数字的字符，将返回NaN。
parseInt()会从左到右进行判断，如果第一个字符是数字，则继续判断，直到出现非数字为止（小数点也是非数字）；如果第一个字符是非数字，则直接返回NaN。
parseFloat()跟parseInt()非常类似，都是从第一个字符从左到右开始判断。如果第一个字符是数字，则继续判断，直到出现除了数字和小数点之外的字符为止；如果第一个字符是非数字，则直接返回NaN。在首字母是+、-或数字的字符串中，不管是整数部分，还是小数部分，parseFloat()同样可以转换。

2. 数字类型转换为字符串类型

const number = 123;

// 方式一：连接空字符串
console.log(number + "");         // 输出："123"
console.log(typeof(number + "")); // 输出：string

// 方式二：使用toString()
console.log(number.toString());         // 输出："123"
console.log(typeof(number.toString())); // 输出：string

// 方式三：使用String()
console.log(String(number));         // 输出："123"
console.log(typeof(String(number))); // 输出：string

五、js 截取指定字符后面/前面的所有字符串

const str = '你还好吗？嗯？我很好！'

//截取第一个？前面的字符串
const index = str.indexOf("？")
const resolve = str.substring(0, index);
console.log(resolve)  //输出：'你还好吗'

//截取第一个？后面的字符串
const index1 = str.indexOf("？")
const resolve1 = str.substring(index1 + 1, str.length);
console.log(resolve1)  //输出：'嗯？我很好！'

//截取最后一个？前面的字符串
const index2 = str.lastIndexOf("？")
const resolve2 = str.substring(0, index2);
console.log(resolve2)  //输出：'你还好吗？嗯'

//截取最后一个？后面的字符串
const index3 = str.lastIndexOf("？")
const resolve3 = str.substring(index3 + 1, str.length);
console.log(resolve3)  //输出：'我很好！'