从编辑器视角审视String的4类26种方法

为什么string 字符串在各种语言中会有如此之多的 methods 呢?只须简单想一下，我们日用的编辑的全部功能其实只不过就是在处理和操作字符串。

一、编辑器文本操作

开始盘点 string 的所有 methods 之前，我们首先梳理在编辑器中，处理文本文字，都有哪些操作。

第一类，选择复制与黏贴;

第二类，具体的编辑操作，写入文本，查询修改，以及删除;

第三类，撤销与重复操作;

第四类，补全操作，语法检查以及断行等。

下面，我们将按照以上编辑器文本处理的类型，对所有string的方法作分类。

二、String 字符串操作的分类

事实上，我们每日所处理的文本内容，文件的内容就是 string。

第一类、选择与复制(2种方法)

首先编辑器处理文本内容的第一类，黏贴与复制，就是光标选中文本的特定区域，执行复制与黏贴操作。对应到 string 操作中，就是 substring, slice.

> let s = "string categories" 
> s.substring(7, 16) 
'categorie' 
> s.substring(16, 7) 
'categorie' 
// slice 与 substring 的区别只在于，substring 会自动调整大小数的顺序 
> s.slice(7, 16) 
'categorie' 
> s.slice(16, 7) 
'' 
// 特殊的 split 方法 
> s.split(" ") 
[ 'string', 'categories' ] 
> 

 第二类，具体的编辑操作

在数据库操作中，我们往往喜欢说“增删改查“这样的四种操作和操作顺序。乍一读似乎朗朗上口，然而细品起来，"增删改查"的顺序比较荒谬。怎么刚刚“增”了就马上又要“删”呢?删除的依据是什么?不要首先查询吗?查询后不要尝试修改吗?直至修改不好，最后一步才是“删除”。

因此，将“增删改查”的顺序，变更为“增查改删”。

所谓的“增“就是”字符串“的创建，有三种方式：

s = 'string categories' // single quote 
s = "string categories" // double quote  
s = `string categories` // caret ` 

 其次是"查", 无论在编辑器中，还是字符串的处理过程中，查询都是关键的部分。编辑器查询往往多为regex的应用，这对于 string 操作而言过于重型，常用的多为逻辑查询5种。

> s.charAt(0) 
's' 
> s.charAt(s.length-1) 
's' 
> s.startsWith('str') 
true 
> s.endsWith('es') 
true 
> s.includes('c') 
true 
> s.indexOf('c') 
7 
> s.lastIndexOf('c') 
7s 

 高阶的regex正则查询：

> s.search(/[\s]/g); 
6 
> s.search(/[\w]/g); 
0 
> s.match(/[\s]/i) 
[ ' ', index: 6, input: 'string categories', groups: undefined ] 
> s.match(/[\w]/i) 
[ 's', index: 0, input: 'string categories', groups: undefined ] 
> s.match(/[\w]/g) 
[ 
  's', 't', 'r', 'i', 
  'n', 'g', 'c', 'a', 
  't', 'e', 'g', 'o', 
  'r', 'i', 'e', 's' 
] 
> arr = [...s.matchAll(/[\w]/g)] 
[ 
  [ 's', index: 0, input: 'string categories', groups: undefined ], 
  ... 
  [ 'i', index: 14, input: 'string categories', groups: undefined ], 
  [ 'e', index: 15, input: 'string categories', groups: undefined ], 
  [ 's', index: 16, input: 'string categories', groups: undefined ] 
] 

 紧随“查询”的是“变更”与“修改”, 继续regex的逻辑，我们查看 replace.

> s.replace('string', 'arry') 
'arry categories' 
> s.replace(/[a-z]+/, "array") 
'array categories' 
> s.replaceAll() 

 其他常用的 case, transpose, join, 以及 whitespace 的操作:

// CaseManipulation 
> s.toLowerCase() 
'string categories' 
> s.toUpperCase() 
'STRING CATEGORIES' 
s.toLocaleLowerCase 
s.toLocaleUpperCase 
 
// 对 whitespace 的处理 
s.trim 
s.trimStart 
s.trimEnd 
 
// 增加空格等 
s.padStart 
s.padEnd 
 
//以及多行的合并 
> s.concat(' new') 
'string categories new' 

 第三类 撤销与重复操作:

没有撤销操作而只有重复.

> s.repeat(3) 
'string categoriesstring categoriesstring categories' 

第四类 补全,语法检查和断行

此处我们姑且将 pad 作为补全, 而将 split 想象为断行.

三 对底层编码的处理

String 字符串就是文字与编码, 因此最底层的对应编码的操作也归类此处处理.

> s.charCodeAt(0) 
115 
> s.codePointAt(0) 
115 
> s.normalize() 
'string categories' 

 四 总结

诸上为从编辑器的惯常操作，而对string所有的methods作归类的盘点。

// 1.选择与复制 3 
substring, slice, split 
 
// 2.具体的编辑操作, 按照“增查改删”的原则 
// 2.1 增加 1 
constructor 
// 2.2 查询 8 
charAt,  
startsWith, endsWith,  
includes, indexof, lastIndexOf， 
search, searchAll 
// 2.3 改 10 
replace, replaceAll,  
toLowerCase, toUpperCase, //Case 
trim, trimStart, trimEnd, // whitespae 
padStart, padEnd // completion 
concat //合并 join 
 
// 3. 重复与撤销等 1 
repeat 
 
// 4.处理底层编码 3 
charCodeAt，codePointAt，normalize