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 将线性数据转为树形的示例代码

    js 将线性数据转为树形的示例代码

    这篇文章主要介绍了js 将线性数据转为树形的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • js使用canvas实现绘制月饼

    js使用canvas实现绘制月饼

    皓月当空,月圆中秋,在这个传统节日里,除了赏月、猜灯谜、赏花灯等习俗外,还有就是品尝美味的月饼,本文就来使用canvas绘制一个精美的月饼吧
    2023-09-09
  • JS实现的网页倒计时数字时钟效果

    JS实现的网页倒计时数字时钟效果

    这篇文章主要介绍了JS实现的网页倒计时数字时钟效果,是一款非常实用的javascript倒计时特效,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 微信小程序 JS动态修改样式的实现代码

    微信小程序 JS动态修改样式的实现代码

    这篇文章主要介绍了微信小程序 JS动态修改样式的实现代码,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已,需要的朋友可以参考下
    2017-02-02
  • 微信小程序登录时如何获取input框中的内容

    微信小程序登录时如何获取input框中的内容

    这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • Typescript模块的导入导出与继承方式

    Typescript模块的导入导出与继承方式

    这篇文章主要介绍了Typescript模块的导入导出与继承方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • JS动态的把左边列表添加到右边的实现代码(可上下移动)

    JS动态的把左边列表添加到右边的实现代码(可上下移动)

    在javascript前端开发过程中经常见到动态的把左边列表添加到右边,基于js代码怎么实现的呢?今天小编通过本文给大家介绍下js 左边列表添加到右边的实现方法,感兴趣的朋友一起看看吧
    2016-11-11
  • 微信小程序 setData 对 data数据影响问题

    微信小程序 setData 对 data数据影响问题

    这篇文章主要介绍了微信小程序 setData 对 data数据影响的 一点研究,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • uniapp项目优化方式及建议

    uniapp项目优化方式及建议

    性能优化自古以来就是重中之重,本文关于uniapp项目优化方式最全整理,会根据开发情况进行补充,感兴趣的可以了解一下
    2021-08-08
  • javascript动态生成表格详解

    javascript动态生成表格详解

    这篇文章主要介绍了JavaScript动态生成表格的示例,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2021-10-10

最新评论