JavaScript：字符串的相关方法

大家好，欢迎来到IT知识分享网。

字符串的相关方法:

字符串的所有实例方法，都可以通过基本数据类型字符串去调用

字符串其本质就是一个字符数组

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(); r = str.concat('abc','你好','嘻嘻'); // indexOf() // lastIndexOf() // - 搜索字符串中是否含有指定内容 str = 'Hello Hello'; r = str.lastIndexOf('ll'); r = str.indexOf('ll',3); console.log(r);

2字符串相关方法二:

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);

3字符串方法的练习:

练习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创建精美的网页。我将深入讲解每个语言的基础知识，并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者，我的文章都能够满足你的学习需求。

此外，我还会分享一些关于前端开发的最新动态和行业趋势。互联网技术在不断发展，新的框架和工具层出不穷。通过我的文章，你将会了解到最新的前端技术趋势，并了解如何应对这些变化。

我深知学习前端不易，因此我将尽力以简洁明了的方式解释复杂的概念，并提供一些易于理解的实例和案例。我希望我的文章能够帮助你更快地理解前端开发，并提升你的技能。

如果你想了解更多关于前端开发的内容，不妨关注我的原创文章。我会不定期更新，为你带来最新的前端技术和知识。感谢你的关注和支持，我们一起探讨交流技术共同进步，期待与你一同探索前端开发的奇妙世界！

#2023年度创作挑战##文章首发挑战赛##跨年幸运签##我的2024年度运势##微头条激励计划##web网站##程序员##it##vue##react#