js如何在字符串中查找某个字符的位置

 更新时间:2023年11月11日 10:19:03   作者:于扶摇  
这篇文章主要给大家介绍了关于js如何在字符串中查找某个字符的位置的相关资料,在JavaScript中我们经常需要对字符串进行各种操作,包括查找包含特定字符的字符串,需要的朋友可以参考下

可以使用 JavaScript 中的字符串方法来查找某个字符在字符串中的位置。以下是一些示例:

在字符串中查找某个字符的位置:

const str = "Hello, world!";  
const search = "o";  
const index = str.indexOf(search);  
  
if (index !== -1) {  
  console.log(`The character '${search}' is found at index '${index}'.`);  
} else {  
  console.log(`The character '${search}' is not found in the string.`);  
}

在字符串中查找某个字符的位置,并打印出该字符的值:

const str = "Hello, world!";  
const search = "o";  
const index = str.indexOf(search);  
  
if (index !== -1) {  
  console.log(`The character '${search}' is found at index '${index}'.`);  
  console.log(str.charAt(index));  
} else {  
  console.log(`The character '${search}' is not found in the string.`);  
}

在字符串中查找某个字符的位置,并将该字符替换为另一个字符:

const str = "Hello, world!";  
const search = "o";  
const newStr = str.replace(search, "x");  
  
console.log(`The character '${search}' is found at index '${index}'.`);  
console.log(newStr);

在这些示例中,我们使用了 indexOf() 方法来查找字符串中的某个字符,并使用 charAt() 方法来获取该字符在字符串中的位置。如果找到了该字符,我们使用 charAt() 方法来获取该字符的值,并将其打印出来。如果没有找到该字符,我们使用 -1 作为返回值来表示该字符不在字符串中。

附:js 在字符串中快速查找字符串并指出对应的起始位置和结束位置

let a = 'dafdsafasdfadgdafasfsagadfasfsafsadfsda';
let str = 'da';
let b = a.indexOf(str);
let i = 0;
let locationList = [];
let locationObj = {};
 
while(a.indexOf(str,i) !== -1){
locationObj = {};
locationObj.startNum = a.indexOf(str,i);
locationObj.endNum = a.indexOf(str,i) + str.length - 1
locationList.push(locationObj);
console.log("开始",i);
console.log("起始位置",a.indexOf(str,i));
console.log("结束位置",a.indexOf(str,i) + str.length - 1);
console.log("三种情况:1、选择位置在首位,2、选择位置在中间,3、选择位置在末尾");
  i = a.indexOf(str,i) + str.length;
}
let d = a.split(str);
for(let i = d.length - 1;i >=0 ; i--){
    if(i !== 0){
      d.splice(i , 0 ,str);
    }
}
if(d[0] === '') d.splice(0,1);
if(d[d.length - 1] === '') d.splice(d.length - 1,1);
console.log("c===================>", d);
 
let oneList = [];
let oneObj = {
      
    };
for(let i = 0;i<d.length;i++){
    oneObj = {  }
    if(d[i] === str){
        oneObj.text = d[i];
        oneObj.isSelect = true;
        oneObj.isActive = false;
        if(i !== 0) {
            oneObj.startNum = locationList[oneList[i - 1].index].startNum
            oneObj.endNum = locationList[oneList[i - 1].index].endNum
            oneObj.index = oneList[i - 1].index + 1;
        }
        else {
            oneObj.startNum = locationList[0].startNum
            oneObj.endNum = locationList[0].endNum
            oneObj.index = 1
        }
    }else{
        oneObj.text = d[i];
        oneObj.isSelect = false;
        oneObj.isActive = false;
         if(i !== 0) oneObj.index = oneList[i - 1].index;
         else oneObj.index = 0
    }
oneList.push(oneObj);
}
console.log("oneList=================>", oneList);

总结

到此这篇关于js如何在字符串中查找某个字符位置的文章就介绍到这了,更多相关js字符串查找字符位置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js中判断变量类型函数typeof的用法总结

    js中判断变量类型函数typeof的用法总结

    下面小编就为大家带来一篇js中判断变量类型函数typeof的用法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • js实现鼠标滚轮控制图片缩放效果的方法

    js实现鼠标滚轮控制图片缩放效果的方法

    这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 学习RxJS之JavaScript框架Cycle.js

    学习RxJS之JavaScript框架Cycle.js

    这篇文章主要介绍了学习RxJS之JavaScript框架Cycle.js ,它是一个极简的JavaScript框架(核心部分加上注释125行),提供了一种函数式,响应式的人机交互接口,需要的朋友可以参考下
    2019-06-06
  • TensorFlow.js机器学习预测鸢尾花种类

    TensorFlow.js机器学习预测鸢尾花种类

    TensorFlow.js是一个开源的基于硬件加速的JavaScript库,用于训练和部署机器学习模型。本教程将会带大家简单了解和使用TensorFlow.js框架实现预测鸢尾花种类
    2022-11-11
  • layui table 复选框跳页后再回来保持原来选中的状态示例

    layui table 复选框跳页后再回来保持原来选中的状态示例

    今天小编就为大家分享一篇layui table 复选框跳页后再回来保持原来选中的状态示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • ES6实现图片切换特效代码

    ES6实现图片切换特效代码

    这篇文章主要介绍了ES6实现图片切换特效代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • 一些不错的JS 自定义函数

    一些不错的JS 自定义函数

    一些不错的JS 自定义函数 ,不少网站都在用,都是一些比较不错的函数,可以拿来直接使用。建议学习。
    2009-08-08
  • JS实现苹果计算器

    JS实现苹果计算器

    这篇文章主要为大家详细介绍了JS实现苹果计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • 轻松掌握JavaScript装饰者模式

    轻松掌握JavaScript装饰者模式

    这篇文章主要帮助大家轻松掌握JavaScript装饰者模式,告诉大家什么是js装饰者模式,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • js图片放大镜效果实现方法详解

    js图片放大镜效果实现方法详解

    这篇文章主要为大家详细介绍了js图片放大镜效果的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03

最新评论