字符串的所有实例方法,都可以通过基本数据类型字符串去调用
字符串其本质就是一个字符数组
str.length 获取字符串的长度
str[index] 获取指定位置的字符
// 创建一个字符串
var str = 'Hello'; //['H','e','l','l','o']
// str[0] = 'c';
// console.log(str.length);
// console.log(str[0]);
// charAt()
// - 返回特定位置的字符。
// - 参数:
// - 字符的索引
// - 返回值:
// - 返回该位置的字符
// - 如果该位置没有字符则返回空串
charCodeAt()
// - 返回指定位置字符的字符编码
String.fromCharCode()
// - 根据编码返回字符
concat()
// - 将两个或多个字符串连接为一个字符串
// - 作用相当于 +
str = 'Hello';
var r = str.charAt(10);
r = str[0];
r = str.charCodeAt(0); //72
r = str.charCodeAt(1); //101
r = String.fromCharCode(675671);
r = str.concat('abc','你好','嘻嘻');
// indexOf()
// lastIndexOf()
// - 搜索字符串中是否含有指定内容
str = 'Hello Hello';
r = str.lastIndexOf('ll');
r = str.indexOf('ll',3);
console.log(r);
endsWith()
- 检查字符串是否以指定内容结束
startsWith()
- 检查字符串是否以指定内容开始
var str = 'Hello How are you';
var r = str.endsWith('Ou');
r = str.startsWith('H');
// console.log(r);
/*
slice() 用来截取字符串
- 参数:
1.截取的起始索引(包含该位置)
2.截取的结束索引(不包含该位置)
substring() 用来截取字符串
- 参数:
1.截取的开始其位置
2.截取的结束位置//不包括结束位置
- 不能使用负索引,如果写了负索引,则会自动修正为0
如果起始索引大于结束索引,会自动交换位置
substr()(可能要删)
- 参数:
1.截取的起始位置
2.截取的数量
*/
str = 'Hello Atguigu';
r = str.slice(6,8);
r = str.slice(6,-1);
r = str.substring(6,0);
// console.log(r);
/*
split()
- 拆分字符串,可以将字符串拆分为一个数组
toLowerCase()
- 将字符串转换为小写
toUpperCase()
- 将字符串转换为大写
trim()
- 去除字符串两端的空格
*/
str = '孙悟空@猪八戒@沙和尚@唐僧';
r = str.split('@');
r = str.split('八');
// console.log(r+'');
str = 'abcdefgABCDEFG';
r = str.toLowerCase();
r = str.toUpperCase();
str = 'hello';
var str2 = 'Hello';
// console.log(str.toLowerCase() === str2.toLowerCase());
str = " hello ";
r = str.trim(); //去除两端的空格
r = str.trimEnd(); // 去除后边的空格 (对老版本的浏览器支持不好)
r = str.trimRight(); // 去除后边的空格 (对老版本的浏览器支持不好)
r = str.trimStart(); // 去除前边的空格 (对老版本的浏览器支持不好)
r = str.trimLeft(); // 去除前边的空格 (对老版本的浏览器支持不好)
// console.log(str);
// console.log(r);
// console.log(str.trimLeft === str.trimStart );
str = 'abc';
r = str.repeat(10);
str = 'abc';
r = str.split(',');
r = str.split(''); //直接传递一个空串作为参数,可以将字符串拆分为一个一个字符组成的元素
console.log(r);
练习1:
获取用户输入的任意字符串,然后对其进行反转操作
abc --> cba
hello --> olleh
练习2:
创建一个函数,这个函数可以用来检查一个字符串是否是一个回文
如果是返回true,否则返回false
回文:
一个字符串从前往后读,和从后往前读一样就是一个回文字符串
abcba
/*
练习1:
获取用户输入的任意字符串,然后对其进行反转操作
abc --> cba
hello --> olleh
*/
// 获取用户输入的字符串
// var str = prompt('请输入一个内容:');
// 需要对str进行反转
// 将字符串转换为一个数组
// var arr = str.split('');
// 对数组进行反转
// arr.reverse();
// 将数组转换为字符串
// var result = arr.join('');
// alert(result);
// var str = prompt();
//
// //创建一个变量来存储结果
// var result = '';
//
// // 对字符串进行遍历
// for(var i=str.length-1; i>=0; i--){
// // alert(str[i]);
// result += str[i];
// }
//
// alert(result);
/*
练习2:
创建一个函数,这个函数可以用来检查一个字符串是否是一个回文
如果是返回true,否则返回false
回文:
一个字符串从前往后读,和从后往前读一样就是一个回文字符串
abcba
检查一个字符串是否是回文
abcdefgfedcba
bcdefgfedcb
cdefgfedc
defgfed
*/
var str = prompt('情书一个字符串:');
// 检查一个字符串是否是回文
function huiWen(str) {
// 设置基线条件
// 如果字符串长度小于或等于1,字符串一定是回文
if(str.length <= 1){
return true;
}
// 如果字符串的第一个字符串和最后一个字符不一样,字符串一定不是回文
if(str[0] !== str[str.length-1]){
return false;
}
//当代码执行到该位置,说明首尾字符相同
return huiWen(str.slice(1,-1));
}
alert(huiWen(str));
欢迎关注我的原创文章:小伙伴们!我是一名热衷于前端开发的作者,致力于分享我的知识和经验,帮助其他学习前端的小伙伴们。在我的文章中,你将会找到大量关于前端开发的精彩内容。
学习前端技术是现代互联网时代中非常重要的一项技能。无论你是想成为一名专业的前端工程师,还是仅仅对前端开发感兴趣,我的文章将能为你提供宝贵的指导和知识。
在我的文章中,你将会学到如何使用HTML、CSS和JavaScript创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。
此外,我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展,新的框架和工具层出不穷。通过我的文章,你将会了解到最新的前端技术趋势,并了解如何应对这些变化。
我深知学习前端不易,因此我将尽力以简洁明了的方式解释复杂的概念,并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发,并提升你的技能。
如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!