✨字符串de介绍及其常见的api

字符串

计算机产生之初，内部只能识别二进制数字，无法识别英文字母和符号。为了能让计算机识别字 母、数字和符号，科学家们制定了一个对照表，字母、数字、符号跟二进制数字相对应，这样当人们输入字母的时候，计算机使用对应的二进制数字处理，这样就相当于计算机能识别字母、符号和数字了。这个对照表叫做ASCII，翻译成中文叫阿斯克码。

阿斯克码

阿斯克码计算机中用得最广泛的字符集及其编码，是由美国国家标准局(ANSI)制定的ASCII码（American Standard Code
for Information Interchange，美国标准信息交换码）。所以对于英文字母和符号的支持是很全面的。

阿斯克码的具体内容如下：

ASCII控制字符

二进制	十进制	十六进制	缩写	可以显示的表示法	名称/意义
0000 0000	0	00	NUL	␀	空字符（Null）
0000 0001	1	01	SOH	␁	标题开始
0000 0010	2	02	STX	␂	本文开始
0000 0011	3	03	ETX	␃	本文结束
0000 0100	4	04	EOT	␄	传输结束
0000 0101	5	05	ENQ	␅	请求
0000 0110	6	06	ACK	␆	确认回应
0000 0111	7	07	BEL	␇	响铃
0000 1000	8	08	BS	␈	退格
0000 1001	9	09	HT	␉	水平定位符号
0000 1010	10	0A	LF	␊	换行键
0000 1011	11	0B	VT	␋	垂直定位符号
0000 1100	12	0C	FF	␌	换页键
0000 1101	13	0D	CR	␍	归位键
0000 1110	14	0E	SO	␎	取消变换（Shift out）
0000 1111	15	0F	SI	␏	启用变换（Shift in）
0001 0000	16	10	DLE	␐	跳出数据通讯
0001 0001	17	11	DC1	␑	设备控制一（XON 启用软件速度控制）
0001 0010	18	12	DC2	␒	设备控制二
0001 0011	19	13	DC3	␓	设备控制三（XOFF 停用软件速度控制）
0001 0100	20	14	DC4	␔	设备控制四
0001 0101	21	15	NAK	␕	确认失败回应
0001 0110	22	16	SYN	␖	同步用暂停
0001 0111	23	17	ETB	␗	区块传输结束
0001 1000	24	18	CAN	␘	取消
0001 1001	25	19	EM	␙	连接介质中断
0001 1010	26	1A	SUB	␚	替换
0001 1011	27	1B	ESC	␛	跳出
0001 1100	28	1C	FS	␜	文件分割符
0001 1101	29	1D	GS	␝	组群分隔符
0001 1110	30	1E	RS	␞	记录分隔符
0001 1111	31	1F	US	␟	单元分隔符
0111 1111	127	7F	DEL	␡	删除

ASCII可显示字符

二进制	十进制	十六进制	图形
0010 0000	32	20	（空格）(␠)
0010 0001	33	21	!
0010 0010	34	22	"
0010 0011	35	23	#
0010 0100	36	24	$
0010 0101	37	25	%
0010 0110	38	26	&
0010 0111	39	27	’
0010 1000	40	28	(
0010 1001	41	29	)
0010 1010	42	2A	*
0010 1011	43	2B	+
0010 1100	44	2C	,
0010 1101	45	2D	-
0010 1110	46	2E	.
0010 1111	47	2F	/
0011 0000	48	30	0
0011 0001	49	31	1
0011 0010	50	32	2
0011 0011	51	33	3
0011 0100	52	34	4
0011 0101	53	35	5
0011 0110	54	36	6
0011 0111	55	37	7
0011 1000	56	38	8
0011 1001	57	39	9
0011 1010	58	3A	:
0011 1011	59	3B	;
0011 1100	60	3C	<
0011 1101	61	3D	=
0011 1110	62	3E	>
0011 1111	63	3F	?

二进制	十进制	十六进制	图形
0100 0000	64	40	@
0100 0001	65	41	A
0100 0010	66	42	B
0100 0011	67	43	C
0100 0100	68	44	D
0100 0101	69	45	E
0100 0110	70	46	F
0100 0111	71	47	G
0100 1000	72	48	H
0100 1001	73	49	I
0100 1010	74	4A	J
0100 1011	75	4B	K
0100 1100	76	4C	L
0100 1101	77	4D	M
0100 1110	78	4E	N
0100 1111	79	4F	O
0101 0000	80	50	P
0101 0001	81	51	Q
0101 0010	82	52	R
0101 0011	83	53	S
0101 0100	84	54	T
0101 0101	85	55	U
0101 0110	86	56	V
0101 0111	87	57	W
0101 1000	88	58	X
0101 1001	89	59	Y
0101 1010	90	5A	Z
0101 1011	91	5B	[
0101 1100	92	5C	\
0101 1101	93	5D	]
0101 1110	94	5E	^
0101 1111	95	5F	_

二进制	十进制	十六进制	图形
0110 0000	96	60	`
0110 0001	97	61	a
0110 0010	98	62	b
0110 0011	99	63	c
0110 0100	100	64	d
0110 0101	101	65	e
0110 0110	102	66	f
0110 0111	103	67	g
0110 1000	104	68	h
0110 1001	105	69	i
0110 1010	106	6A	j
0110 1011	107	6B	k
0110 1100	108	6C	l
0110 1101	109	6D	m
0110 1110	110	6E	n
0110 1111	111	6F	o
0111 0000	112	70	p
0111 0001	113	71	q
0111 0010	114	72	r
0111 0011	115	73	s
0111 0100	116	74	t
0111 0101	117	75	u
0111 0110	118	76	v
0111 0111	119	77	w
0111 1000	120	78	x
0111 1001	121	79	y
0111 1010	122	7A	z
0111 1011	123	7B	{
0111 1100	124	7C	|
0111 1101	125	7D	}
0111 1110	126	7E	~

为什么要学习阿斯克码？

因为两个字符串也是可以比较大小的，比较的规则是逐字符进行比较，字符的大小由字符对应的阿斯克码决定。

字符串的比较

我们曾经碰到过一个问题，接收到文本框的两个值，一个是"3"，另一个是"10"，这两个值进行大小比较的时候，结果是："3">"10" === true，出现这个结果的原因是，两个字符串进行比较的时候，是逐字符进行比较，也就是字符"3"先和字符"1"进行比较，如果第一个字符相等再进行第二个字符的比较。

从阿斯克码表中，可以找到字符"3"和字符"1"相对应的值，很明显，字符"3"是要大于字符"1"的。

通过阿斯克码表，我们可以得出一些字符串比较的规律：

1. 字母比数字大
2. 小写字母比大写字母大
3. 字母越靠后越大

思考：如何比较两个中文汉字字符的大小？

阿斯克码总共128个，包含符号、大小写英文字母、数字。阿斯克码是由美国人创建的，所以对于英文的支持非常好。后来随着计算机的普及，各个国家在使用计算机的时候，没办法使用本国文字，这样用起来非常困难。所以众多国家的科学家一起制定了一个更大的对照表，包含各个国家的文字符号，所以称之为万国码，也叫作unicode。

其实unicode就是更大的阿斯克码。

字符串的基本操作

字符串也可以通过下标获取字符

例：

var str = '你好吗';
// 输出下标为1的字符
console.log(str[1]); // 好

每个字符都有对应的下标，所以，字符串也可以进行遍历。

字符串是只读数据类型，不能添加新字符，不能修改字符串中的字符，不能删除某个字符

例：

var str = '你好吗';
// 修改下标为1的字符
str[1] = "帅"
console.log(str); // 你好吗

字符串常见API

length属性

求字符串中字符的个数 - 字符串的长度

语法：

字符串.length

例：

var str = 'asdfvczx';
// 输出字符串的长度
console.log(str.length);

charAt方法

根据指定的下标获取对应的字符

语法：

字符串.charAt(下标)

例：

var str = 'abcdef';
// 获取下标为3的字符
var res = str.charAt(3);
console.log(res); // d

使用说明：如果下标存在就返回对应的字符，如果下标不存在就返回空字符串

charCodeAt方法

根据指定下标获取对应的字符的阿斯克码

语法：

字符串.charCodeAt(下标);

例：

var str = 'abcdef';
// 获取下标为3的字符的阿斯克码
var res = str.charCodeAt(0);
console.log(res); // 97

String.fromCharCode方法

根据指定的阿斯克码得到对应的字符

语法：

String.fromCharCode(阿斯克码)

例：

// 获取98对应的字符var res = String.fromCharCode(98);console.log(res); // b

indexOf方法

查找字符或子字符串在大字符串中第一次出现的位置

语法：

大字符串.indexOf(字符/子字符串[,开始查找的下标])

例：

var str = 'i love you';// 找到o字符在str中第一次出现的位置var res = str.indexOf('o');console.log(res); // 3

使用说明：

1. 如果找到这个字符在字符串中的位置，就返回这个字符对应的下标，如果找不到，就返回-1
2. 第二个参数可选项。表示从哪个下标开始查找

lastIndexOf方法

查找字符或子字符串在大字符串中最后一次出现的位置

语法：

大字符串.lastIndexOf(字符/子字符串[,开始查找的下标])

例：

var str = 'i love you';// 找到o字符在str中最后一次出现的位置var res = str.lastIndexOf('o');console.log(res); // 8

使用说明：

1. 如果找到这个字符在字符串中的位置，就返回这个字符对应的下标，如果找不到，就返回-1
2. 第二个参数可选项。表示从哪个下标开始查找

substr方法

截取字符串

语法：

字符串.substr(开始下标[,截取长度])

例：

var str = '你的头发还好吗';// 从下标2开始截取2个字符var res = str.substr(2,2);console.log(res); // 头发

使用说明：

1. 第二个参数是可选项。如果省略掉第二个参数，默认截取到字符串末尾。
2. 开始下标可以使用负数表示，从右往左的下标依次是-1，-2，。。。
3. 截取字符的时候都是从左向右截取的

例：

var str = '你的头发还好吗';// 从下表2开始截取var res = str.substr(2);console.log(res); // 头发还好吗// 从下标-5开始截取2个字符var res = str.substr(-5,2);console.log(res); // 头发// 从下标-1开始截取2个字符var res = str.substr(-1,2);console.log(res);// 吗

使用说明：截取到最后也不满足长度的时候，就返回能截取到的所有字符

substring方法

截取字符串

语法：

字符串.substring(开始下标[，结束下标])

例：

var str = '你的头发还好吗';// 从下标2开始截取到下标4var res = str.substr(2,4);console.log(res); // 头发

使用说明：

1. 第二个参数是可选项。如果省略掉第二个参数的话，默认截取到字符串末尾。
2. 截取的结果包含开始下标对应的字符，不包含结束下标对应的字符
3. 如果开始下标和结束下标相等，则返回空字符串；如果开始下标大于结束下标，则先交换两个参数，然后再截取；如果开始下标或结束下标为负数，则先将负数替换成0，然后再截取

例：

var str = '你的头发还好吗';// 从下标2开始截取var res = str.substring(2);console.log(res); // 头发还好吗// 从下标2截取到下标-2var res = str.substring(2,-2);console.log(res); // 你的/*过程分析：首先开始下标大于结束下标，所以先交换两个参数，相当于： str.substring(-2,2);开始下标为负数，所以替换成0，相当于： str.substring(0,2);所以结果为：你的*/

slice方法

截取字符串

语法：

字符串.slice(开始下标[，结束下标]);

例：

var str = '你的头发还好吗';// 从下标2截取到下标4var res = str.slice(2,4);console.log(res); // 头发

使用说明：

1. 第二个参数是可选项。如果省略第二个参数默认截取到字符串的末尾
2. 返回的结果包含开始下标对应的字符，不包含结束下标对应的字符
3. 截取的时候，下标可以使用负数表示
4. 开始下标对应的字符一定要在结束下标对应的字符左边，否则返回空字符串。因为截取的顺序是从左向右的

例：

var str = '你的头发还好吗';// 从下标2开始截取var res = str.slice(2);console.log(res); // 头发还好吗// 从下标-5开始截取到下标4var res = str.slice(-5,4);console.log(res); // 头发// 从下标-1截取到下标-3var res = str.slice(-1,-3);console.log(res); // 空

split方法

使用指定的分隔符将字符串分割成多部分组成数组

语法：

字符串.split([分隔符，[最后数组中要保留的个数]])

例：

var str = 'open_door_now';// 以下划线为分隔符，分割字符串为数组var arr = str.split("_");console.log(arr); // ["open", "door", "now"]

使用说明：

1. 分隔符是可选项。如果省略了分隔符，则将整个字符串当做数组的元素，如果是空字符串，则会在每个字符中间进行分割
2. 要保留的个数是可选项。如果省略了个数，则返回全部的个数，如果加上个数，则是设置了数组中元素的个数。

例：

var str = 'open_door_now';// 省略分隔符将字符串分割为数组var arr = str.split();console.log(arr); // ["open_door_now"]// 以空字符串进行分割字符串var arr = str.split("");console.log(arr); // ["o", "p", "e", "n", "_", "d", "o", "o", "r", "_", "n", "o", "w"]// 以空字符串分割字符串，并在数组中保留4个元素var arr = str.split("",4);console.log(arr); // ["o", "p", "e", "n"]

replace方法

使用新的字符或子字符串替换原来在字符串中的一部分

语法：

字符串.replace(将要被替换的部分,要替换进来的新内容); // 替换的部分也支持用正则匹配

例：

var str = '你的头发还好吗';// 使用"眉毛"将"头发"替换掉var res = str.replace("头发","眉毛");console.log(res); // 你的眉毛还好吗

使用说明：如果第一个参数是空字符串，则会将新内容拼接到原字符串前面

例：

var str = '你的头发还好吗';// 使用"眉毛"将""替换掉var res = str.replace("","眉毛");console.log(res); // 眉毛你的头发还好吗

trim方法

去除字符串左右两边的空白

语法：

字符串.trim();

例：

var str = '    ab c  ';// 取出str左右两边的空白var res = str.trim();console.log(res); // 'ab c'

使用说明：

1. 去除的是左右两边的空白，不会去除字符串中间的空白
2. 只去除左边的空白使用：trimLeft方法；只去除右边的空白使用：trimRight方法

大小写转换方法

将字符串中所有小写字母转为大写字母，使用：toUpperCase方法

将字符串中所有小写字母转为大写字母，使用：toLowerCase方法

语法：

字符串.toUpperCase(); # 转为大写
字符串.toLowerCase(); # 转为小写

字符串案例

对象数组模糊查找 ：

var data=[
    {id:1001,icon:"img/1.png",name:"计算机",num:1,price:10},
    {id:1002,icon:"img/2.png",name:"手机",num:1,price:20},
    {id:1003,icon:"img/3.png",name:"电脑",num:1,price:30},
    {id:1004,icon:"img/4.png",name:"显示器",num:1,price:40},
    {id:1005,icon:"img/5.png",name:"飞行器",num:1,price:50},
    {id:1006,icon:"img/6.png",name:"计时器",num:1,price:60},
    {id:1007,icon:"img/7.png",name:"笔记本",num:1,price:70},
    {id:1008,icon:"img/8.png",name:"草稿本",num:1,price:80},
    {id:1009,icon:"img/9.png",name:"公示牌",num:1,price:90},
    {id:1010,icon:"img/10.png",name:"手机线",num:1,price:100}
];
function searchStr(search) {
    return data.filter(function (t) {
        return t.name.indexOf(search)>-1;
    });
}

找到字符串中 ‘’ 某个字出现过几次 第几位

while(str.indexOf(s,i) != -1){
    alert(str.indexOf(s,i))
    i = str.indexOf(s,i)+s.length
}

还是那句话 如果有帮助到你 麻烦给一个三连+关注,能看到博主的最新blog
感谢感谢