微信小程序判断是否包含某字符串

微信小程序判断是否包含某字符串,第1张

var string =  " ABC DEF GHI ";

if(string.indexOf("ABC")>=0){

  console.log('包含此字符串')

}

string.indexOf("ABC"):返回大于等于0的整数值则表示包含此字符串,若不包含则返回-1。

 strObj.indexOf(subString[, startIndex])

JavaScript中indexOf函数方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串, 则返回 -1。

如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。 

参数: 

strObj : 必选项,String 对象或文字。 

subString :必选项,要在 String 对象中查找的子字符串。 

starIndex :可选项,该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找;

如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。 

 lastIndexOf() 方法则是从字符串的结尾开始检索子串。

因为后端没有些模糊搜索的接口,模糊搜索的内容在通一个接口返回,下面是我写的案列,

1filter 大家多知道这是啥吧,这是过滤函数,返回一个新的的数组,不懂可以去看看哦这个函数,

2,split('') 把字符串变成一个数组字符串。

3indexOf这是查找的内容是否存在,存在==1 不存在==-1

<p :class="item.isMore == true ? 'richText' : 'minH'" v-if="isShow"

v-html="contentConv(item.storyContent)">

</p>

直接在css中加max-width:100%height:auto。没有生效

 方式一:在style中追加 max-width:100%height:auto,此方法优点灵活,对于content中所有图片都起作用

// 文章html正则追加max-width

contentConv(content) {

return content.replace(/<(img).*?(\/>|<\/img>)/g, function(mats) {

if (mats.indexOf('style') <0) {

return mats.replace(/<\s*img/, '<img style="max-width:100%height:auto"')

} else {

return mats.replace(/style=("|')/, 'style=$1max-width:100%height:auto')

}

})

},

方式二:此方法会破坏图片设置的样式,再设置style="max-width:100%height:auto"

contentConv(content) {

    return content.replace(/<img[^>]*>/gi, function (match, capture) {

      return match.replace(/style\s*?=\s*?([‘"])[\s\S]*?\1/ig, 'style="max-width:100%height:auto"') // 替换style

    })

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12035569.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存