百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

JavaScript:字符串的相关方法_js中字符串方法有哪些

itomcoil 2025-02-19 12:22 6 浏览

字符串的相关方法:

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

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

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

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

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

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

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

相关推荐

tesseract-ocr 实现图片识别功能

最近因为项目需要,接触了一下关于图像识别的相关内容,例如Tesseract。具体如何安装、设置在此不再赘述。根据项目要求,我们需要从省平台获取实时雨水情况数据,原以为获取这样的公开数据比较简单,上去一...

跨平台Windows和Linux(银河麒麟)操作系统OCR识别应用

1运行效果在银河麒麟桌面操作系统V10(SP1)上运行OCR识别效果如下图:2在Linux上安装TesseractOCR引擎2.1下载tesseract-ocr和leptonicahttps:...

JAVA程序员自救之路——SpringAI文档解析tika

ApacheTika起源于2007年3月,最初是ApacheLucene项目的子项目,于2010年5月成为Apache组织的顶级项目。它利用现有的解析类库,能够侦测和提取多种不同格式文档中的元数据...

Python印刷体文字识别教程

在Python中实现印刷体文字识别(OCR),通常使用TesseractOCR引擎结合Python库。以下是详细步骤和示例:1.安装依赖库bashpipinstallpytesseractp...

图片转文字--四种OCR工具的安装和使用

本文仅测试简单的安装和使用,下一步应该是测试不同数据集下的检测准确率和检测效率,敬请期待。作者的系统环境是:笔记本:ThindPadP520OS:win11显卡:QuadroP520一、EasyO...

mac 安装tesseract、pytesseract以及简单使用

一.tesseract-OCR的介绍1.tesseract-OCR是一个开源的OCR引擎,能识别100多种语言,专门用于对图片文字进行识别,并获取文本。但是它的缺点是对手写的识别能力比较差。2.用te...

【Python深度学习系列】Win10下CUDA+cuDNN+Tensorflow安装与配置

这是我的第292篇原创文章。一、前置知识安装GPU版本的pytorch和tensorflow之前需要理清楚这几个关系:显卡(电脑进行数模信号转换的设备,有的电脑可能是双显卡,一个是inter的集成显卡...

手把手教你本地部署AI绘图Stable Diffusion!成功率100%!

导语:无需每月付费订阅,无需高性能服务器!只需一台普通电脑,即可免费部署爆火的AI绘图工具StableDiffusion。本文提供“极速安装包”和“手动配置”双方案,从环境搭建到模型调试,手把手教你...

本地AI Agent Hello World(Python版): Ollama + LangChain 快速上手指南

概要本文将用最简洁的Python示例(后续还会推出Java版本),带你逐步完成本地大模型Agent的“HelloWorld”:1、介绍核心工具组件:Ollama、LangChain和...

python解释器管理工具pyenv使用说明

简介pyenv可以对python解释器进行管理,可以安装不同版本的python,管理,切换不同版本很方便,配置安装上比anaconda方便。pyenv主要用来对Python解释器进行管理,可以...

Deepseek实战:企业别只会用Ollama,也可以用SGLang

SGLang:企业级的“性能之王”优点吞吐量碾压级优势通过零开销批处理调度器、缓存感知负载均衡器等核心技术,SGLang的吞吐量提升显著。例如,在处理共享前缀的批量请求时,其吞吐量可达158,59...

用LLaMA-Factory对Deepseek大模型进行微调-安装篇

前面的文章已经把知识库搭建好了,还通过代码的形式做完了RAG的实验。接下来呢,咱们要通过实际操作来完成Deepseek的另一种优化办法——微调。一、环境因为我这台电脑性能不太好,所以就在Au...

碎片时间学Python-03包管理器

一、pip(Python官方包管理器)1.基础命令操作命令安装包pipinstallpackage安装特定版本pipinstallnumpy==1.24.0升级包pipinstall-...

ubuntu22/24中利用国内源部署大模型(如何快速安装必备软件)

本地AI部署的基础环境,一般会用到docker,dockercompose,python环境,如果直接从官网下载,速度比较慢。特意记录一下ubuntu使用国内源快速来搭建基础平台。一,docke...

还不会deepseek部署到本地?这篇教程手把手教会你

一、为什么要把DeepSeek部署到本地?新手必看的前置知识近期很多读者在后台询问AI工具本地部署的问题,今天以国产优质模型DeepSeek为例,手把手教你实现本地化部署。本地部署有三大优势:数据隐私...