uniapp 字符包含的相关方法

海天胜景2025-06-10 6:09

在uniapp中，如果你想检查一个字符串是否包含另一个子字符串，你可以使用JavaScript中的includes()方法或者indexOf()方法。这两种方法都可以达到目的，但它们在处理方式和返回值上有所不同。

使用`includes()`方法

includes()方法用于判断一个字符串是否包含在另一个字符串中，如果包含则返回true，否则返回false。

示例代码：

复制代码

let str = "Hello, world!";
let searchTerm = "world";
 
if (str.includes(searchTerm)) {
    console.log("字符串包含子字符串");
} else {
    console.log("字符串不包含子字符串");
}

使用`indexOf()`方法

indexOf()方法用于返回指定子字符串在父字符串中首次出现的位置。如果未找到子字符串，则返回-1。

示例代码：

复制代码

let str = "Hello, world!";
let searchTerm = "world";
 
if (str.indexOf(searchTerm) !== -1) {
    console.log("字符串包含子字符串");
} else {
    console.log("字符串不包含子字符串");
}

示例整合到uniapp中：

无论是在Vue页面还是组件中，你都可以使用这些方法来检查字符串是否包含某个子字符串。例如，在模板中使用这些方法：

HTML模板部分：

复制代码

<template>
    <view>
        <text v-if="str.includes(searchTerm)">字符串包含子字符串</text>
        <text v-else>字符串不包含子字符串</text>
    </view>
</template>

JavaScript部分：

复制代码

<script>
export default {
    data() {
        return {
            str: "Hello, world!",
            searchTerm: "world"
        }
    }
}
</script>

或者使用indexOf()：

复制代码

<template>
    <view>
        <text v-if="str.indexOf(searchTerm) !== -1">字符串包含子字符串</text>
        <text v-else>字符串不包含子字符串</text>
    </view>
</template>

这两种方法都可以在uniapp项目中有效地检查一个字符串是否包含另一个子字符串。选择哪一种取决于你的具体需求和偏好。

uniapp 字符包含的相关方法

使用includes()方法

使用indexOf()方法

示例整合到uniapp中：

使用`includes()`方法

使用`indexOf()`方法