JavaScript:字符串的相关方法

这篇具有很好参考价值的文章主要介绍了JavaScript:字符串的相关方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

字符串的相关方法:

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

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

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

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

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

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

如果你想了解更多关于前端开发的内容,不妨关注我的原创文章。我会不定期更新,为你带来最新的前端技术和知识。感谢你的关注和支持,我们一起探讨交流技术共同进步,期待与你一同探索前端开发的奇妙世界!文章来源地址https://www.toymoban.com/news/detail-792420.html

到了这里,关于JavaScript:字符串的相关方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript删除字符串中指定字符的四种方法

    推荐使用第一种 第四种 方法一:使用 replace()方法 replace()方法用于将特定字符或字符串替换为其他字符或字符串 参数: 第一个参数是待替换的字符或字符串 , 第二个参数是替换为的字符或字符串。 可以将第一个参数设为 要删除的字符 ,将第二个参数 设为空字符串 ,这样

    2024年02月15日
    浏览(62)
  • 高级编程,JavaScript笔记-字符串的常用方法

    我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变 增 这里增的意思并不是说直接增添内容,而是创建字符串的一个副本,再进行操作 除了常用 + 以及 ${} 进行字符串拼接之外,还可通过 concat concat 用于将一个或多个字

    2024年01月23日
    浏览(43)
  • vue(javaScript) 操作字符串的常用方法

    1. 获取字符串长度 JavaScript中的字符串有一个length属性,该属性可以用来获取字符串的长度 2. 获取字符串指定位置的值 charAt()和charCodeAt()方法都可以通过索引来获取指定位置的值 charAt() 方法获取到的是指定位置的字符; charCodeAt()方法获取的是指定位置字符的Unicode值。 (1)

    2024年02月03日
    浏览(43)
  • javascript中字符串处理,常用的方法汇总

    ✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 所属专栏: 前端泛海 景天的主页: 景天科技苑 点赞收藏关注不迷路哦,有需要时直接回来直接用。 虽然 JavaScript 有很多用处,但是处理字符串是其中最流行的一个。下面让我们深入地分析一下使用

    2024年03月12日
    浏览(120)
  • 在JavaScript中将字符串转换为数字的7种方法

    原始地址:https://dev.to/sanchithasr/7-ways-to-convert-a-string-to-number-in-javascript-4l 使用parseInt() parseInt()解析字符串并返回一个整数。可以包含空格。只返回第一个数字。 然而,该方法有一个限制。如果解析的是小数,它将四舍五入为最近的整数值,并将该值转换为 字符串 。一个可能

    2024年02月05日
    浏览(60)
  • JavaScript从入门到精通系列第二十八篇:详解JavaScript中的字符串的方法

      文章目录 前言 一:String中的方法 1:获取字符串的长度 2:返回指定位置的字符 3:返回指定位置的字符Unicode编码 4:返回指定位置的字符Unicode编码  二:比较常用的 1:连接两个字符串 2:检索一个字符串中指定内容  3:从后检索一个字符串中指定内容   4:截取字符串

    2024年02月06日
    浏览(52)
  • JavaScript 实现字符串转JSON对象的四种方法

    在很多时候我们都需要将数据转换为JSON的格式去进行请求,这里就给大家介绍几种转JSON的方法 语法: eval()定义:eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。 由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    2024年02月15日
    浏览(70)
  • JavaScript【字符串方法(charAt()、concat()、slice()、substring()、substr()、indexOf()/lastIndexOf()、trim())】(五)

      目录 字符串 字符串转码 字符串方法_charAt()

    2024年02月13日
    浏览(40)
  • 【JavaScript速成之路】JavaScript内置对象--字符串对象

    📃个人主页:「小杨」的csdn博客 🔥系列专栏:【JavaScript速成之路】 🐳希望大家多多支持🥰一起进步呀! 📜前言:小杨在上一篇带着大家一起学习了JavaScript中的内置的数组对象,想必大家对JavaScript的内置的数组对象已经有所了解了,那么今天我们将继续带着大家学习一

    2023年04月10日
    浏览(43)
  • 在 JavaScript 中生成随机字符串/字符

    我想要一个由从集合 [a-zA-Z0-9] 中随机挑选的字符组成的 5 个字符的字符串。 使用 JavaScript 执行此操作的最佳方法是什么? huntsbot.com精选全球7大洲远程工作机会,涵盖各领域,帮助想要远程工作的数字游民们能更精准、更高效的找到对方。 一个优秀的自由职业者,应该有对

    2024年02月16日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包