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字符串查找字符位置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • CryptoJS中AES实现前后端通用加解密技术

    CryptoJS中AES实现前后端通用加解密技术

    这篇文章主要为大家详细介绍了CryptoJS中AES实现前后端通用加解密技术,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript和jQuery制作光棒效果

    JavaScript和jQuery制作光棒效果

    本文主要介绍了使用javaScript和jQuery制作光棒效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js设计模式之结构型享元模式详解

    js设计模式之结构型享元模式详解

    这篇文章主要为大家详细介绍了js设计模式之结构型享元模式的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • JavaScript Distilled 基础知识与函数

    JavaScript Distilled 基础知识与函数

    JavaScript是一种动态的,弱类型的,基于原型的,面向对象的解释型语言。函数是JavaScript中的头等公民。
    2010-04-04
  • 基于WebUploader的文件上传js插件

    基于WebUploader的文件上传js插件

    这篇文章主要为大家详细介绍了基于WebUploader的文件上传js插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript类型检测的方法实例教程

    JavaScript类型检测的方法实例教程

    这篇文章主要给大家介绍了关于JavaScript类型检测的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • 编写一个javascript元循环求值器的方法

    编写一个javascript元循环求值器的方法

    这篇文章主要介绍了编写一个javascript元循环求值器的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • JavaScript之AOP编程实例

    JavaScript之AOP编程实例

    这篇文章主要介绍了JavaScript的AOP编程,以实例形式分析了javascript面向切面编程的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Javascript之高级数组API的使用实例

    Javascript之高级数组API的使用实例

    今天小编就为大家分享一篇关于Javascript之高级数组API的使用实例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-03-03
  • JS简单实现获取元素的封装操作示例

    JS简单实现获取元素的封装操作示例

    这篇文章主要介绍了JS简单实现获取元素的封装操作,结合实例形式分析了JS针对页面ID、class、TAG元素获取的函数与对象封装操作实现方法,需要的朋友可以参考下
    2017-04-04

最新评论