【JavaScript】内置对象 - 字符串对象 ④ ( 根据索引位置返回字符串中的字符 | 代码示例 )

文章目录

  • 一、根据索引位置返回字符串中的字符
    • 1、charAt 函数获取字符
    • 2、charCodeAt 函数获取字符 ASCII 码
    • 3、数组下标获取字符


String 字符串对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String





一、根据索引位置返回字符串中的字符



根据索引位置返回字符 : 给定一个 字符串 中的索引值 , 获取 字符串 中的该 索引的对应字符 ;

  • charAt(index) 函数 : 获取 index 索引对应的 字符 ;
  • charCodeAt(index) 函数 : 获取 index 索引对应的 字符的 ASCII 码 ;
  • str[index] : 直接使用数组下标的方式获取对应 下标索引 对应的 字符 ;

1、charAt 函数获取字符


charAt() 函数 是 String 字符串对象的方法 , 用于返回在指定位置的字符 ;

参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/charAt


charAt 函数原型如下 :

charAt(index)
  • index 参数 : 字符串中的索引值 , 从 0 开始计数 , 如果传入的类型不是 number 类型 , 会被转换为 number 整数 , 如果是 undefined 类型则转换为 0 ;
  • 返回值 : 返回 index 索引位置的 字符 ;
  • index 参数的取值范围是 0 ~ str.length - 1 , 如果索引值不合法 , 则返回空字符串 ;

代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 创建字符串var str = 'Hello World';// 获取 0 索引字符console.log(str.charAt(0));// 获取 100 索引字符 , 返回空字符串console.log(str.charAt(100));// 遍历字符串for(var i = 0; i < str.length; i++ ) {console.log(str.charAt(i));}</script>
</head><body>
</body></html>

执行效果 :
在这里插入图片描述


2、charCodeAt 函数获取字符 ASCII 码


charCodeAt 函数 用于 获取 字符串中 指定索引位置的 字符 ASCII 码 , 函数原型如下 :

charCodeAt(index)
  • index 参数 : 字符串中的索引值 , 从 0 开始计数 , 如果传入的类型不是 number 类型 , 会被转换为 number 整数 , 如果是 undefined 类型则转换为 0 ;
  • 返回值 : 返回 index 索引位置的 字符的 ASCII 码 ;
  • index 参数的取值范围是 0 ~ str.length - 1 , 如果索引值不合法 , 则返回 NaN 值 ;

字符 与 ASCII 码对照表 :

在这里插入图片描述


代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 创建字符串var str = 'Hello World';// 获取 0 索引字符console.log(str.charCodeAt(0));// 获取 100 索引字符 , 返回空字符串console.log(str.charCodeAt(100));// 遍历字符串for(var i = 0; i < str.length; i++ ) {console.log(str.charCodeAt(i));}</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述


3、数组下标获取字符


使用数组下标的方式 , 可以获取指定索引的字符 , 其效果与 charAt 函数相同 ;

如果设置的数组下标 index 值不在 0 ~ str.length - 1 范围内 , 则获取的值为 undefined 未定义值 ;


代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 创建字符串var str = 'Hello World';// 获取 0 索引字符console.log(str[0]);// 获取 100 索引字符 , 返回空字符串console.log(str[100]);// 遍历字符串for(var i = 0; i < str.length; i++ ) {console.log(str[i]);}</script>
</head><body>
</body></html>

执行效果 :

在这里插入图片描述

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

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

相关文章

十七、【源码】一级缓存

源码地址&#xff1a;https://github.com/mybatis/mybatis-3/ 仓库地址&#xff1a;https://gitcode.net/qq_42665745/mybatis/-/tree/17-first-level-cache 一级缓存 MyBatis 的一级缓存用于减少在同一个 SqlSession 内的重复查询&#xff0c;适用于需要在单个会话内多次查…

Windows下对于Qt中带 / 的路径的处理

在Windows下&#xff0c;如果你想使用操作系统的分隔符显示用户的路径&#xff0c;请使用 toNativeSeparators()。 请看以下代码&#xff1a; void Player::on_playBtn_clicked() {if (this->m_url.isEmpty()) {openMedia();if (this->m_url.isEmpty())return;}qDebug(…

介绍单例模式

描述 保证一个类只有一个实例&#xff0c;并且提供一个全局访问点 场景&#xff1a; 重量级的对象&#xff0c;不需要多个实例&#xff0c;如线程池&#xff0c;数据库连接池 实现 1. 懒汉模式 延迟加载的方式 只有在真正使用的时候&#xff0c;才开始实例化线程安全问题…

widerface人脸检测数据集VOC+YOLO格式16094张1类别

为了更好研究人脸检测数据集&#xff0c;特将widerface人脸检测数据集转成VOCYOLO格式&#xff0c;以方便进行yolo系列训练。这里将widerface拆分成2个版本,即A版本和B版本&#xff0c;两个版本不存在重叠可以合并训练 。拆分方式不是随便拆分的&#xff0c;而是根据数据集标注…

C++基础三:类和对象的细节原理

目录 类和对象以及this指针: 概念 构造函数 拷贝构造函数和赋值运算符重载函数(深拷贝) memcpy 实现string 构造的初始化列表 常方法: 指向类成员的指针 类和对象以及this指针: 概念 面向对象四大特性:抽象:抽象是一种将对象的共同特征提取出来并定义成一个通…

【介绍下什么是Kubernetes编排系统】

&#x1f308;个人主页: 程序员不想敲代码啊 &#x1f3c6;CSDN优质创作者&#xff0c;CSDN实力新星&#xff0c;CSDN博客专家 &#x1f44d;点赞⭐评论⭐收藏 &#x1f91d;希望本文对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff0c;让我们共…

Mysql的脏读、幻读、不可重复读

简介&#xff1a;MySQL的事务并发指的是多个异步任务同时操作同一个表所造成的一些异常。而且这些异常都与“读”有关系&#xff0c;即跟select关键字有关系。 1、脏读 A事务的查询select读取了其他B、C、D等事务没有进行commit的数据&#xff0c;但是B、C、D等事务可能并没有进…

基于springboot开发的Java MES制造执行系统源码,全套源码,一款数字化管理平台源码 云MES系统源码

基于springboot开发的Java MES制造执行系统源码&#xff0c;全套源码&#xff0c;一款数字化管理平台源码 云MES系统源码 MES系统源码相关技术&#xff1a; ​技术架构&#xff1a;springboot vue-element-plus-admin 开发语言&#xff1a;Java 开发工具&#xff1a;idea 前…

分享一个用python写的本地WIFI密码查看器

本章教程&#xff0c;主要分享一个本地wifi密码查看器&#xff0c;用python实现的&#xff0c;感兴趣的可以试一试。 具体代码 import subprocess # 导入 subprocess 模块&#xff0c;用于执行系统命令 import tkinter as tk # 导入 tkinter 模块&#xff0c;用于创建图形用…

俄罗斯服务器租用攻略:选择优质服务器,开启海外市场新征程

随着国际贸易的不断发展&#xff0c;俄罗斯作为一个重要的贸易伙伴备受关注。许多企业和公司为了开拓海外市场&#xff0c;选择将业务拓展到俄罗斯&#xff0c;而在这个过程中&#xff0c;租用一台优质的服务器成为了必须面对的问题。俄罗斯作为一个经济发展迅速的国家&#xf…

使用vue3+ts封装一个自动补全输入框Autocomplete组件

创建一个名为 Autocomplete.vue 的文件&#xff0c;在这个组件中&#xff0c;使用了 Vue 3 的 Composition API&#xff0c;包括 ref、watch、onMounted 等。组件接收 placeholder、debounce 和 clearable 作为 props&#xff0c;并根据这些 props 来渲染输入框和下拉菜单 <…

图论第7天

今天去打了会羽毛球。最近还是有点累啊&#xff0c;今天尽量效率 1971. 寻找图中是否存在路径 第一步是先整init 第二步先把该关联的关联 第三步判断是否有路 class Solution { private:int nMax 200005;vector<int>father vector<int>(nMax,0);void init(i…

【Linux】进程间通信之匿名管道

&#x1f466;个人主页&#xff1a;Weraphael ✍&#x1f3fb;作者简介&#xff1a;目前正在学习c和算法 ✈️专栏&#xff1a;Linux &#x1f40b; 希望大家多多支持&#xff0c;咱一起进步&#xff01;&#x1f601; 如果文章有啥瑕疵&#xff0c;希望大佬指点一二 如果文章对…

TypeScript未知泛型——unknown和any

在 TypeScript 中&#xff0c;如果你想要表示一个泛型变量&#xff0c;但你不知道或不关心它具体是什么类型&#xff0c;你可以使用 any 类型。然而&#xff0c;any 类型会绕过类型检查&#xff0c;这可能不是你想要的。为了保持类型安全性&#xff0c;TypeScript 提供了一个特…

Day50 动态规划part09

LC198打家劫舍 偷前一家或者偷前两家和这家&#xff1a;dp[i] Math.max(dp[i-2]nums[i],dp[i-1]);代码 LC213打家劫舍II&#xff08; 未掌握&#xff09; 解题思路&#xff1a;因为成环了&#xff0c;所以首位元素一定是两者只能选择一个或者两者都不选三种情况&#xff1…

四舍五入问题

单纯输出四舍五入可以用 printf("%.nf",num); 但是这个方法有时候会出错 代表输出n位四舍五入小数 而将数四舍五入赋值给变量可以用round&#xff08;&#xff09;函数 a round(num); 表示将num四舍五入赋值给a 但是这么些只能转换位四舍五入的整数 可以改…

【学习笔记】Windows GDI绘图(十一)Graphics详解(下)

文章目录 Graphics的方法Graphics.FromImageSetClip设置裁切区域IntersectClip更新为相交裁切区域TranslateClip平移裁切区域IsVisible判断点或矩形是否在裁切区域内MeasureCharacterRanges测量字符区域MeasureString测量文本大小MultiplyTransform矩阵变换 Graphics的方法 Gr…

【雷丰阳-谷粒商城 】【分布式基础篇-全栈开发篇】【07】【商品服务】分页查询_品牌分类关联与级联更新

持续学习&持续更新中… 守破离 【雷丰阳-谷粒商城 】【分布式基础篇-全栈开发篇】【07】【商品服务】分页查询_品牌分类关联与级联更新 分页查询为数据库表设计冗余字段冗余字段带来的问题以及处理品牌名发生变化&#xff0c;进行级联更新分类名发生变化&#xff0c;进行级…

SQL语句练习每日5题(四)

题目1——查找GPA最高值 想要知道复旦大学学生gpa最高值是多少&#xff0c;请你取出相应数据 题解&#xff1a; 1、使用MAX select MAX(gpa) FROM user_profile WHERE university 复旦大学 2、使用降序排序组合limit select gpa FROM user_profile WHERE university 复…

css系列:进度条

前言 技术来源于需求&#xff0c;近期遇到了做语音的需求&#xff0c;有个调整语速和音量的进度条&#xff0c;UI组件库的进度条大部分不支持拖动和点击修改当前进度&#xff0c;所以自己手写了一个。 实现思路 MDN文档介绍 <input type"range"> - HTML&am…