JavaScript 中的字符串

news2024/12/23 14:09:17

JavaScript 字符串

什么是字符串？

  • 字符串是用来存储和处理文本数据的
    • 比如：'一句话'、'a'等

字符串的创建方式

  • 字面量方式进行创建

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 字面量创建方式
    // 双引号包含
    var a = "123";
    var b = "false";
    console.log(typeof a);
    console.log(typeof b);
  </script>
</html>

    在这里插入图片描述

  • 通过new String的方式进行创建

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 通过 new String 的方式创建
    var a = new String("123");
    console.log(typeof a); // 对象
  </script>
</html>

    在这里插入图片描述

字符串的长度 length

  • 返回字符串的长度

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    console.log(a.length); // 11
  </script>
</html>

字符串的方法

  • charAt返回指定位置上的内容，开始位置也是 0

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    var b = a.charAt(4);
    console.log(b); // o 返回第一个o
  </script>
</html>

  • charCodeAt返回指定位置上的 Unicode 值

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    var b = a.charCodeAt(1);  // e
    // 返回字符串的 Unicode 值
    console.log(b); // 101 
  </script>
</html>

  • concant连接两个或多个字符串

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    var b = "你";
    var c = a.concat(b, "好！");
    console.log(c); // hello world你好！
  </script>
</html>

  • fromCharCode将 Unicode 转换为字符串

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = String.fromCharCode(101);
    console.log(a); // e
  </script>
</html>

  • indexOf返回指定字符在字符串中出现的位置，找不到返回-1

  • lastIndexOf返回指定字符在字符串中最后一次出现的位置，找不到返回-1

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    
    var b = a.indexOf("o");
    console.log(b); // 4

    var c = a.lastIndexOf("l");
    console.log(c); // 9
  </script>
</html>

  • localeCompare用本地特定的方式比较两个字符串的顺序，相同返回0，不同返回-1

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello";
    var b = "hello";
    var c = "world";
    console.log(a.localeCompare(b)); // 0
    console.log(a.localeCompare(c)); // -1
  </script>
</html>

  • replace找到指定字符，并替换

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    // 找到指定的字符并进行替换
    var a = "hello world";

    var b = a.replace("hello", "");

    console.log(a); // hello world
    console.log(b); //  world
    console.log(b.length); // 6
    // 注意 world 前面的空格还在
  </script>
</html>

  • search检索与正则表达式相匹配的值，能够检索到是0，检索不到为-1

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";

    console.log(a.search("hello")); //0
    console.log(a.search("hellox")); // -1
  </script>
</html>

  • slice

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello";

    // slice 第一个参数是开始的字符，第二个参数是剪切的个数（个数不是索引值）
    console.log(a.slice("h", 2)); // he
  </script>
</html>

  • split以指定的方式将字符串进行切割，并且返回数组

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
  <script>
    var a = "hello world";
    var c = "admin@13456";
    var b = a.split(" ");
    var x = c.split("@");

    console.log(b); // ['hello', 'world']
    console.log(x); // ['admin', '13456']
  </script>
</html>

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

DW 2023年1月Free Excel 第十次打卡 Excel看板

DW 2023年1月Free Excel 第十次打卡 Excel看板

第十章Excel看板 数据下载地址与参考链接&#xff1a;https://d9ty988ekq.feishu.cn/docx/Wdqld1mVroyTJmxicTTcrfXYnDd 数据看板作为数据动态展示的一种重要方式&#xff0c;被广泛的应用于各个领域&#xff0c;因此本节根据1个案例讲解使用Excel制作数据看板的过程&#xff…
阅读更多...
大厂年薪43w测试开发手把手教你搭建Web自动化测试框架，超详细

大厂年薪43w测试开发手把手教你搭建Web自动化测试框架，超详细

测试框架的设计有两种思路&#xff0c;一种是自底向上&#xff0c;从脚本逐步演变完善成框架&#xff0c;这种适合新手了解框架的演变过程。另一种则是自顶向下&#xff0c;直接设计框架结构和选取各种问题的解决方案&#xff0c;这种适合有较多框架事件经验的人。本章和下一张…
阅读更多...
使用Python读取和处理安卓传感器数据与CSV读取

使用Python读取和处理安卓传感器数据与CSV读取

多年来&#xff0c;数据一直是世界运作的重要组成部分。这些数据可以从GDP到血样&#xff0c;再到世界的各个方面。随着我们数据的增长&#xff0c;统计学找到了从它们中提取更多意义的方法。 这些方法之一被称为方差分析&#xff08;ANOVA&#xff09;。方差分析是一套统计模…
阅读更多...
python进阶——人工智能视觉识别

python进阶——人工智能视觉识别

大家好&#xff0c;我是csdn的博主&#xff1a;lqj_本人 这是我的个人博客主页&#xff1a;lqj_本人的博客_CSDN博客-微信小程序,前端,vue领域博主lqj_本人擅长微信小程序,前端,vue,等方面的知识https://blog.csdn.net/lbcyllqj?spm1000.2115.3001.5343 哔哩哔哩欢迎关注&…
阅读更多...
最简单的k8s安装记录（包含dashboard）

最简单的k8s安装记录（包含dashboard）

使用sealos一键安装k8s集群 sealos-githubsealos使用文档 wget https://github.com/labring/sealos/releases/download/v4.1.4/sealos_4.1.4_linux_amd64.tar.gz && \tar -zxvf sealos_4.1.4_linux_amd64.tar.gz sealos && chmod x sealos && mv se…
阅读更多...
编译原理学习笔记15——属性文法与语法制导翻译2

编译原理学习笔记15——属性文法与语法制导翻译2

编译原理学习笔记15——属性文法与语法制导翻译215.1 S-属性文法15.2 L-属性文法15.3 翻译模式15.4 递归下降翻译器的设计15.1 S-属性文法 S-属性文法的自下而上计算 S-属性文法的自下而上计算 在分析栈中增加附加域存放综合属性值假设产生式A→XYZ对应的语义规则为a:f(X.x…
阅读更多...
OAK深度相机操作温度范围说明

OAK深度相机操作温度范围说明

编辑&#xff1a;OAK中国 首发&#xff1a;Luxonis 喜欢的话&#xff0c;请多多&#x1f44d;⭐️✍ 内容可能会不定期更新&#xff0c;官网内容都是最新的&#xff0c;请查看首发地址链接。 ▌前言 Hello&#xff0c;大家好&#xff0c;这里是OAK中国&#xff0c;我是助手君。…
阅读更多...
基于SMOKE多模式排放清单处理技术及EDGAR/MEIC清单制作与VOCs排放量核算

基于SMOKE多模式排放清单处理技术及EDGAR/MEIC清单制作与VOCs排放量核算

查看原文>>>基于SMOKE多模式排放清单处理技术及EDGAR/MEIC清单制作与VOCs排放量核算 随着我国经济快速发展&#xff0c;我国面临着日益严重的大气污染问题。近年来&#xff0c;严重的大气污染问题已经明显影响国计民生&#xff0c;引起政府、学界和人们越来越多的关注…
阅读更多...
String类——Java中常见的类(模拟登录案例练习）

String类——Java中常见的类(模拟登录案例练习）

目录 String类的概述及构造方法&#xff08;String类是Java中最常见的类&#xff09; String的特点 String类的判断功能 模拟登录案例 ​ String类的获取功能 两个小练习 String类的转换功能和String类的其他功能 string类练习 String类的概述及构造方法&#xff08;Str…
阅读更多...
35/365 java 反射 Reflection Class类

35/365 java 反射 Reflection Class类

1.动态语言 静态语言 动态语言&#xff1a; 运行时可以改变自身结构的语言eg: JavaScript, C#, PHP, Python 静态语言&#xff1a; 运行时结构不可变的语言eg: Java, C, CJava 不是动态语言&#xff0c;但通过反射机制获得了类似动态语言的特性&#xff0c;具有了一定的动态…
阅读更多...
软件测试前沿技术：从中国新车评估规程谈谈自动化驾驶测试

软件测试前沿技术：从中国新车评估规程谈谈自动化驾驶测试

背景C-NCAP全称China NewCarAssessmentProgramme&#xff0c;中国新车评估规程&#xff0c;是由E-NCAP发展而来&#xff0c;两者测试项目多数一致。E-NCAP全称是European NewCarAssessmentProgramme&#xff0c;译为欧洲新车评估规程&#xff0c;成立于1997年&#xff0c;是一个…
阅读更多...
基于MirrorMaker与火山引擎的Kafka数据同步

基于MirrorMaker与火山引擎的Kafka数据同步

Kafka MirrorMaker是Kafka官网提供的跨数据中心流数据同步方案&#xff0c;其实现原理是通过从Source集群消费消息&#xff0c;然后将消息生产到Target集群从而完成数据迁移操作。用户只需要通过简单的consumer配置和producer配置&#xff0c;启动MirrorMaker&#xff0c;即可实…
阅读更多...
NCP1654BD65R2G高性能软开关功率因数校正电路芯片

NCP1654BD65R2G高性能软开关功率因数校正电路芯片

NCP1654BD65R2G是一款用于连续导通模式 (CCM) 功率因数校正 (PFC) 步升预转换器的控制器。它在固定频率模式下控制电源开关导通时间 (PWM)&#xff0c;取决于瞬时线圈电流。采用SOIC-8封装&#xff0c;最大程度减少了外部部件数量&#xff0c;并极大简化了 PFC 实施。它还集成了…
阅读更多...
灰色预测模型一文详解+Python实例代码

灰色预测模型一文详解+Python实例代码

目录 前言 一、模型理论 特点 二、模型场景 1.预测种类 2.适用条件 三、建模流程 1.级比校验 2.数据累加和微分方程构造 3.系数求解 4.残差检验与级比偏差检验 四、Python实例实现 总结 前言 博主参与过大大小小十次数学建模比赛&#xff0c;也获得了不少建模奖项…
阅读更多...
19 | 三方协议怎么签？

19 | 三方协议怎么签？

前言 前言&#xff1a;简介三方协议签约的相关内容。 文章目录前言一. 什么是就业协议书二. 签约流程1. 网签流程&#xff08;线上签约&#xff09;三. 参考链接一. 什么是就业协议书 就业协议书俗称三方协议&#xff0c;是《全国普通高等学校毕业生就业协议书》的简称。 它是…
阅读更多...
b站黑马Vue2后台管理项目笔记——（2）主页布局（整体，Header，左侧菜单布局）

b站黑马Vue2后台管理项目笔记——（2）主页布局（整体，Header，左侧菜单布局）

说明&#xff1a; 此项目中使用的是本地SQL数据库&#xff0c;Vue2。 其他功能请见本人后续的其他相关文章。 本文内容实现的最终效果如下图&#xff1a; e.g.点击二级菜单用户列表&#xff0c;就会跳转到用户列表对应的index的地址&#xff08;用户列表的indexpath是users&…
阅读更多...
2023年山东最新道路运输安全员考试真题题库及答案

2023年山东最新道路运输安全员考试真题题库及答案

百分百题库提供道路运输安全员考试试题、道路运输安全员考试预测题、道路运输安全员考试真题、道路运输安全员证考试题库等,提供在线做题刷题&#xff0c;在线模拟考试&#xff0c;助你考试轻松过关。 题干&#xff1a;客运驾驶员从业行为定期考核结果应与企业安全生产奖惩制度…
阅读更多...
Gradle 编译Server returned HTTP response code: 401 for URL

Gradle 编译Server returned HTTP response code: 401 for URL

Gradle编译项目&#xff0c;Error:Server returned HTTP response code: 401 for URL: http://xxxxxxxxxx 解决方案 打开gradle-wrapper.properties文件 方法一&#xff1a;使用http协议&#xff1a;distributionUrlhttp://repo.xiaoman.cc/repository/gradle/gradle-6.8.2-b…
阅读更多...
MCM箱模型实践技术应用与O3形成途径、生成潜势、敏感性分析

MCM箱模型实践技术应用与O3形成途径、生成潜势、敏感性分析

查看原文>>>https://mp.weixin.qq.com/s?__bizMzAxNzcxMzc5MQ&mid2247578057&idx4&sn9253a074df9937db3d258df14dd563ed&chksm9be2aed9ac9527cfdf270275d499452afded7a165944fdbbe345a4cb53fcd53548969d39c0c2&token850102049&langzh_CN#rd目…
阅读更多...
剑指 Offer II 003 前 n 个数字二进制中 1 的个数

剑指 Offer II 003 前 n 个数字二进制中 1 的个数

给定一个非负整数 n &#xff0c;请计算 0 到 n 之间的每个数字的二进制表示中 1 的个数&#xff0c;并输出一个数组。 示例 1: 输入: n 2 输出: [0,1,1] 解释: 0 --> 0 1 --> 1 2 --> 10 示例 2: 输入: n 5 输出: [0,1,1,2,1,2] 解释: 0 --> 0 1 --> 1 2 …
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023