当前位置: 首页 > news >正文

【前端 08】简单学习js字符串

JavaScript中的String对象详解

在JavaScript中,字符串(String)是一种非常基础且常用的数据类型,用于表示文本数据。虽然JavaScript中的字符串是原始数据类型,但它们的行为类似于对象,因为JavaScript为字符串提供了一系列的方法来处理和分析文本。本文将详细探讨String对象的常用属性和方法。
请添加图片描述

属性

length

length属性是String对象中最常用的属性之一,它返回字符串的长度,即字符串中字符的数量。这个属性是只读的,意味着你不能直接修改它来改变字符串的长度,但你可以通过操作字符串内容来间接影响它。

var str = "Hello, World!";  
console.log(str.length); // 输出: 13

方法

charAt()

charAt()方法用于返回在指定位置的字符。字符串中字符的位置是从0开始计数的。如果指定的索引超出了字符串的范围,则返回一个空字符串。

var str = "Hello";  
console.log(str.charAt(1)); // 输出: e  
console.log(str.charAt(5)); // 输出: ''(空字符串)

indexOf()

indexOf()方法用于检索字符串中指定值首次出现的位置。如果找到了字符串,则返回其首次出现的索引;如果没有找到,则返回-1。这个方法对于查找子字符串或字符在字符串中的位置非常有用。

var str = "Hello, World!";  
console.log(str.indexOf("World")); // 输出: 7  
console.log(str.indexOf("world")); // 输出: -1(区分大小写)

trim()

trim()方法用于去除字符串两端的空白字符。空白字符包括空格、制表符、换行符等。这个方法不会改变原始字符串,而是返回一个新的字符串。

var str = "   Hello, World!   ";  
console.log(str.trim()); // 输出: "Hello, World!"  
console.log(str); // 输出: "   Hello, World!   "(原始字符串未改变)

substring()

substring()方法用于提取字符串中介于两个指定索引之间的字符。这个方法返回一个新字符串,该字符串包含从start(包含)到end(不包含)之间的所有字符。如果省略end参数,则substring()方法将提取到字符串的末尾。

var str = "Hello, World!";  
console.log(str.substring(0, 5)); // 输出: Hello  
console.log(str.substring(7)); // 输出: World!

值得注意的是,如果start大于end,则substring()方法会交换这两个参数,即返回从endstart之间的字符(包括start但不包括end)。但是,如果startend是负数或超出了字符串的长度,它们将被视为0或字符串的长度。

总结

String对象是JavaScript中处理文本数据的强大工具。通过利用String对象的属性和方法,我们可以轻松地进行字符串的查询、修改和格式化等操作。本文介绍了String对象的length属性以及charAt()indexOf()trim()substring()等常用方法,这些方法和属性在处理字符串时非常有用。希望这篇文章能帮助你更好地理解和使用JavaScript中的String对象。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • react中外部传入的属性如果在外部改变,组件内如何得知并作出响应?
  • stm32_按键消抖_代码与流程分析
  • ShardingSphere-Jdbc + Spring Security + Redis 实现简单JWT认证
  • 利用python检查磁盘空间使用情况
  • LinkedList 实现 LRU 缓存
  • 软考高级科目怎么选?软考高级含金量排序
  • WebView加载数据的几种方式
  • SQLSever 设置端口
  • 原子操作介绍
  • 【第三节】python中的函数
  • 【数据结构与算法】循环队列
  • 项目实战_表白墙(升级版)
  • IT服务运营管理中的关键考核指标
  • AI机器人:一键实现手机自动化操作
  • C++ STL adjacent_difference 用法
  • cookie和session
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • ES6--对象的扩展
  • Idea+maven+scala构建包并在spark on yarn 运行
  • Invalidate和postInvalidate的区别
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • js如何打印object对象
  • PAT A1092
  • TypeScript迭代器
  • vue 配置sass、scss全局变量
  • 初识 webpack
  • 力扣(LeetCode)21
  • 双管齐下,VMware的容器新战略
  • 一天一个设计模式之JS实现——适配器模式
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • 智能情侣枕Pillow Talk,倾听彼此的心跳
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • ​​​【收录 Hello 算法】9.4 小结
  • # Redis 入门到精通(九)-- 主从复制(1)
  • # 执行时间 统计mysql_一文说尽 MySQL 优化原理
  • ###项目技术发展史
  • #Lua:Lua调用C++生成的DLL库
  • #我与Java虚拟机的故事#连载10: 如何在阿里、腾讯、百度、及字节跳动等公司面试中脱颖而出...
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (AngularJS)Angular 控制器之间通信初探
  • (JS基础)String 类型
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (vue)el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)
  • (八)Flask之app.route装饰器函数的参数
  • (二)延时任务篇——通过redis的key监听,实现延迟任务实战
  • (附源码)ssm智慧社区管理系统 毕业设计 101635
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (一)Java算法:二分查找
  • (转)Unity3DUnity3D在android下调试
  • .NET C# 使用 SetWindowsHookEx 监听鼠标或键盘消息以及此方法的坑
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .net refrector
  • .net遍历html中全部的中文,ASP.NET中遍历页面的所有button控件
  • .sys文件乱码_python vscode输出乱码
  • @Builder注释导致@RequestBody的前端json反序列化失败,HTTP400