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); //72r = str.charCodeAt(1); //101r = 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 --> cbahello --> 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检查一个字符串是否是回文abcdefgfedcbabcdefgfedcbcdefgfedcdefgfed*/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创建精美的网页。我将深入讲解每个语言的基础知识,并提供一些实用技巧和最佳实践。无论你是初学者还是有一定经验的开发者,我的文章都能够满足你的学习需求。

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/607175.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微创新与稳定性的权衡

之前做过一个项目&#xff0c;业务最高峰CPU使用率也才50%&#xff0c;是一个IO密集型的应用。里面涉及一些业务编排&#xff0c;所以为了提高CPU使用率&#xff0c;我有两个方案&#xff1a;一个是简单的梳理将任务可并行的采用并行流、额外线程池等方式做并行&#xff1b;另外…

Android14之解决刷机报错:Can not load Android system. Your data may be corrupt(一百七十七)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a;多媒…

后端程序员开发win小工具(未完待续)

github&#xff1a;https://gitee.com/forgot940629/win-tool-demo 本地启动&#xff0c;查看http://127.0.0.1:8080/form 场景 在日常工作中可能需要后端开发者开发一些辅助工具。这些辅助工具通常希望能想其他软件一样在桌面系统运行&#xff0c;并且有一些桌面应用的基本…

Unity组件开发--短连接HTTP

1.网络请求管理器 using LitJson; using Cysharp.Threading.Tasks; using System; using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.Networking; using UnityEngine.Events;using System.Web; using System.Text; using Sy…

Spring事务(2):声明式事务管理案例-转账(xml、注解)

1 编写转账案例&#xff0c;引出事务管理问题 需求&#xff1a;账号转账&#xff0c;Tom账号取出1000元&#xff0c;存放到Jack账号上 1.1 建表脚本&#xff08;MySQL&#xff09; CREATE TABLE t_account (id INT(11) NOT NULL AUTO_INCREMENT,name VARCHAR(20) NOT NULL,m…

Qt QLabel标签控件

文章目录 1 属性和方法1.1 文本1.2 对齐方式1.3 换行1.4 图像 2. 实例2.1 布局2.2 为标签添加背景色2.3 为标签添加图片2.4 代码实现 QLabeI是Qt中的标签类&#xff0c;通常用于显示提示性的文本&#xff0c;也可以显示图像 1 属性和方法 QLabel有很多属性&#xff0c;完整的可…

学习笔记 | Activiti7

什么是工作流&#xff1f; 业务流程。 举个例子: 假设有一个在线博客平台&#xff0c;我们要让一篇新的文章从作者的头脑里发表出来。整个过程可以分为以下几个步骤&#xff1a; 创建文章草稿 &#xff1a;作者登录博客平台&#xff0c;点击“写新文章”的按钮&#xff0c…

实习学习总结(2023-12-14---2024-1-08)

CS汉化 首先下载CSagent&#xff0c;百度网盘中有 按照如下放置目录 使用出现中文乱码 插件使用乱码主要跟cs客户端加载没有指定UTF-8编码有关 指定编码的字符&#xff1a;-Dfile.encodingUTF-8 上面的字段添加到启动脚本里面即可&#xff0c;如&#xff1a; java -Dfile.e…

与AI合作 -- 写一个modern c++单例工厂

目录 前言 提问 bard给出的答案 AI答案的问题 要求bard改进 人类智能 AI VS 人类 前言 通过本文读者可以学到modern C单例模式工厂模式的混合体&#xff0c;同时也能看到&#xff1a;如今AI发展到了怎样的智能程度&#xff1f;怎样让AI帮助我们快速完成实现头脑中的想法&…

【Linux】Ubuntu 22.04 上安装最新版 Nextcloud Hub 7 (28.0.1)

在 Ubuntu 22.04 上安装 PHP 版本 安装多个 PHP 版本的最简单方法是使用来自 Debian 开发人员 Ondřej Sur 的 PPA。要添加此 PPA,请在终端中运行以下命令。如果要从 PPA 安装软件,则需要 software-properties-common 包。它会自动安装在 Ubuntu 桌面上,但可能会在您的 Ubuntu…

进阶分布式链路追踪

另外我的新书RocketMQ消息中间件实战派上下册&#xff0c;在京东已经上架啦&#xff0c;目前都是5折&#xff0c;非常的实惠。 https://item.jd.com/14337086.html​编辑https://item.jd.com/14337086.html “RocketMQ消息中间件实战派上下册”是我既“Spring Cloud Alibaba微…

读元宇宙改变一切笔记03_元素(下)

1. 元素2&#xff1a;3D&#xff0c;互联网的下一个伟大迈进 1.1. 3D的必要性不仅仅是因为它预示着新事物的出现 1.1.1. 为了使人类文化和劳动实现从物理世界向数字世界的过渡&#xff0c;必须借助3D环境 1.2. 用户通过几乎源源不断的高分辨…

JVM工作原理与实战(十):类加载器-Java类加载器

专栏导航 JVM工作原理与实战 RabbitMQ入门指南 从零开始了解大数据 目录 专栏导航 前言 一、介绍 二、扩展类加载器 三、通过扩展类加载器去加载用户jar包 1.放入/jre/lib/ext下进行扩展 2.使用参数进行扩展 四、应用程序类加载器 总结 前言 ​JVM作为Java程序的运行…

LeetCode 每日一题 2024/1/1-2024/1/7

记录了初步解题思路 以及本地实现代码&#xff1b;并不一定为最优 也希望大家能一起探讨 一起进步 目录 1/1 1599. 经营摩天轮的最大利润1/2 466. 统计重复个数1/3 2487. 从链表中移除节点1/4 2397. 被列覆盖的最多行数1/5 1944. 队列中可以看到的人数1/6 2807. 在链表中插入最…

Python——运算符

num 1 num 1 print("num1:", num) num - 1 print("num-1:", num) num * 4 print("num*4:", num) num / 4 print("num/4:", num) num 3 num % 2 print("num%2:", num) num ** 2 print("num**2:", num) 运行结果…

实验五:动态路由配置

实验五&#xff1a;动态路由配置 1.RIP 配置 【实验名称】 RIP 路由协议配置 【实验目的】掌握路由器 RIP 路由协议的基本配置 【实验设备】路由器&#xff08; 2 台&#xff09;、计算机&#xff08; 2 台&#xff09;、配置电缆&#xff08; 1 根&#xff09;、 V…

【Linux Shell】10. 函数

文章目录 【 1. 函数的定义 】【 2. 函数参数 】 【 1. 函数的定义 】 所有函数在使用前必须定义 。这意味着必须将函数放在脚本开始部分&#xff0c;直至shell解释器首次发现它时&#xff0c;才可以使用。 调用函数仅使用其函数名即可 。 函数返回值在调用该函数后通过 $? 来…

laravel getQueryLog() time 代表什么

laravel中的getQueryLog()方法返回了执行的所有查询的详细信息&#xff0c;包括查询语句、绑定的参数和查询的执行时间等。其中&#xff0c;time字段代表了每个查询的执行时间&#xff0c;以毫秒为单位。 以下是一个示例代码&#xff0c;演示了如何使用getQueryLog()方法获取查…

我的阿里云服务器被攻击了

服务器被DDoS攻击最恶心&#xff0c;尤其是阿里云的服务器受攻击最频繁&#xff0c;因为黑客都知道阿里云服务器防御低&#xff0c;一但被攻击就会进入黑洞清洗&#xff0c;轻的IP停止半小时&#xff0c;重的停两个至24小时&#xff0c;给网站带来很严重的损失。而处理 ddos 攻…

华为ipv4+ipv6双栈加isis多拓扑配置案例

实现效果&#xff1a;sw1中的ipv4和ipv6地址能ping通sw2中的ipv4和ipv6地址 R2-R4为存IPV4连接&#xff0c;其它为ipv6和ipv4双连接 sw1 ipv6 interface Vlanif1 ipv6 enable ip address 10.0.11.1 255.255.255.0 ipv6 address 2001:DB8:11::1/64 interface MEth0/0/1 inter…