复杂数据类型(对象)才有属性和方法，下面这个例子有返回值4，原本他是不应该有属性的
基本包装类型：把简单数据类型包装成了复杂数据类型
原理是以下方式var temp = new String('andy');此时把
1.andy变成了复杂数据类型并赋值给临时变量temp
2.把零时变量的值给str
也就是相当于JS自动把这个字符串先封装成一个对象然后再赋值给str
3.把临时变量给str ：str = temp；
4.销毁这个临时变量：
temp= null；
上面这4步就叫
<script>
//基本包装类型：把简单数据类型包装成了复杂数据类型
var str = 'andy';
console.log(str.length); //按理说，复杂数据类型(对象)才有属性和方法，但是这里有返回值4，很显然这里有属性
</script>
为了方便操作基本数据类型javascript还提供了三个特殊的引用类型：String、Number和Boolean类型
基本包装类型就是把简单数据类型包装成复杂数据类型，这样基本数据类型就有了属性和方法
也就是说不只是字符串，Number和Boolean也可以进行包装
指的是里面的值不可变，虽然看上去可以改变内容，但是其实是地址改变了，内存中开辟了一个新的空间，变量名指向了新的地址，原本的字符串还在，不会变
字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串
| 方法名 | 说明 | 返回值 |
|---|---|---|
| indexOf(); | 数组中查找给定元素的第一个索引 | 如果存在返回索引号，如果不存在，返回-1 |
| lastindexOf(); | 在数组中的最后一个索引 | 如果存在返回索引号，如果不存在，则返回-1 |
| 方法名 | 说明 |
|---|---|
| indexOf(‘要查找的字符’，[开始的位置]); | 返回指定内容在字符串中的位置，如果找不到返回-1，开始位置是index索引号 |
| lastindexOf(); | 从后往前找，只找第一个匹配的 |
<script>
//indexOf('要查找的字符', [起始的位置])字符串对象，根据字符返回在字符串中的索引位置，如果有重复的字符，只返回第一个
var str = '改革春风吹满地，春天来了';
console.log(str.indexOf('春'));
</script>
image.png
查找字符串‘abcoefoxyozzopp’中所有出现o的位置及次数
分析：
1.先找到第一个o出现的位置
2.然后只要indexOf返回的结果不是-1就继续往后查找
3.因为indexOf只能查找到第一个，所以后面的查找，利用第二个参数，当前索引加1，从而继续查找
<script>
//查找'abcoefoxyozzopp'中o的位置及出现的次数
var str = 'abcoefoxyozzopp';
var index = str.indexOf('o');
var num = 0; //o出现的次数，没打印一次+1
//console.log(index); //这是第一次出现o的索引
while (index !== -1) {
console.log(index);
num++; //o出现的次数，没打印一次+1
index = str.indexOf('o', index + 1);
}
console.log('o出现的次数是：' + num);
//使用 indexOf 统计一个字符串中某个字母出现的次数(MDN例子)
// 翻译：生存还是毁灭？这是个问题。（莎士比亚《哈姆雷特》）
var str = 'To be, or not to be, that is the question.';
var count = 0;
var pos = str.indexOf('e');
while (pos !== -1) {
count++;
pos = str.indexOf('e', pos + 1);
}
console.log(count); // displays 4
</script>
image.png
| 方法名 | 说明 | 使用 |
|---|---|---|
| charAt(index) | 返回指定位置的字符(index字符串的索引号) | str.charAt(0) |
| charCodeAt(index) | 获取指定位置处字符的ASCII码(index索引号 | str.charCodeAt(0) |
| str[index] | 获取指定位置处字符 | HTML5,IE8+支持和charAt()等效 |
<script>
//1.charAt(index)根据位置（索引）返回字符
var str = 'andy';
console.log(str.charAt(3));
//遍历所有的字符
for (var i = 0; i < str.length; i++) {
console.log(str.charAt(i));
}
</script>
image.png
<script>
//1.charCodeAt(index) 返回相应索引号的ASCII码值(可以用于判断键盘输入)
var str = 'andy';
console.log(str.charCodeAt(0)); //返回值97
</script>
image.png
<script>
//str[index]
var str = 'andy';
console.log(str[0]);
</script>
image.png
分析：
1.可以利用charAt()遍历这个字符串
2.把每个字符都存储给对象，作为对象的属性名
3.遍历对象，如果没有这个属性名，就让这个属性名的值=1，如果已经有这个属性名，就让他自增
<script>
//案例：判断一个字符串'abcoefoxyozzopp'中出现次数最多的字符，并统计其次数
//做这个题要先看一个案例：
//这个案例是用一个对象来判断是否有该属性，返回值是布尔值
var o = {
age: 18,
}
if (o['age']) {
console.log('里面有该属性');
} else {
console.log('里面没有该属性');
}
//通过上面这个例子
var str = 'abcoefoxyozzopp';
var o = {};
for (var i = 0; i < str.length; i++) {
var chars = str.charAt(i); //把每一个字母遍历出来之后存到chars中（这是str中的每一个字符）
//下面进行判断，如果有o.a这个属性，就让他+1，没有就存1，o[chars]就是保存到o这个对象中的每一个字符
//chars就是属性名，o[chars]就是属性值
if (o[chars]) {
o[chars]++;
} else {
o[chars] = 1;
}
}
console.log(o);
//遍历对象
var max = 0;
var ch = '';
for (var k in o) {
//k得到的是属性名
//o[k]得到的是属性值
if (o[k] > max) {
max = o[k];
ch = k;
}
}
console.log(max);
console.log('最多的字符是' + ch);
</script>
image.png
| 方法名 | 说明 |
|---|---|
| concat(str1,str2,str3...) | concat()方法用于连接两个或多个字符串，拼接字符串等效于+，+更常用 |
| substr(start,length) | 从start位置开始(索引)，length取的个数(重点是这个) |
| slice(start,end) | 从start位置开始，截取到end位置，end取不到(他们俩都是索引号) |
| substring(start，end) | 从start位置开始，截取到end位置，end取不到，基本和slice相同，但是不接受负值 |
<script>
//1.concat('字符串1'，'字符串2'...)
var str = 'andy';
console.log(str.concat('red'));
</script>
image.png
第一个2是从哪一个索引开始截取，第二个2是截取几个
<script>
//substr('截取的起始位置','截取几个字符');
var str = '改革春风吹满地';
console.log(str.substr('2', '2'));
</script>
image.png
<script>
//替换字符串replace('被替换的字符'; '替换为的字符');
var str = 'andy';
console.log(str.replace('a', 'b'));
</script>
image.png
原本字符串是用什么分割的，小括号里就填什么符号
<script>
//字符串转换为数组split('分隔符')，前面学过join()；把数组转换为字符串，两个功能正好相反
var str = 'red,pink,blue';
console.log(str.split(','));
</script>
image.png
const sentence = 'The quick brown fox jumps over the lazy dog.';
console.log(sentence.toUpperCase());
image.png
console.log('中文简体 zh-CN || zh-Hans'.toLowerCase());
// 返回值：
中文简体 zh-cn || zh-hans
网友评论