javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JS判断字符串是否全为空

JS判断字符串是否全为空的两种方式

作者:加油乐

当我们需要判断用户输入的是否全是空格,或用户在不输入内容的情况下使用回车发送,此时我们如果需求内容不能为空,常规判断无法识别,空格本身也有length,这个时候就可使用到下列两种方式

一、使用场景

当我们需要判断用户输入的是否全是空格,或用户在不输入内容的情况下使用回车发送。此时我们如果需求内容不能为空,常规判断无法识别,空格本身也有length,这个时候就可使用到下列两种方式。

二、方法示例

1、使用trim()方法

<template>
  <div class="box">content</div>
</template>
<script setup>
import { ref, reactive, toRefs, watch, computed, defineProps, } from 'vue';
import { useStore } from 'vuex';
import { useRoute, useRouter } from 'vue-router';
const route = useRoute()
const router = useRouter()
const store = useStore()
const data = reactive({
  str: '        '
})
// 是否不存在
console.log(!data.str); // false
// 长度
console.log(data.str.length);//8  
// 是否不存在
console.log(!data.str.trim()); //true
// 长度
console.log(data.str.trim().length); //0
// const { } = toRefs(data)
</script>
<style scoped lang="scss"></style>

三、使用正则验证

<template>
  <div class="box">content</div>
</template>
<script setup>
import { ref, reactive, toRefs, watch, computed, defineProps, } from 'vue';
import { useStore } from 'vuex';
import { useRoute, useRouter } from 'vue-router';
const route = useRoute()
const router = useRouter()
const store = useStore()
const data = reactive({
  str: '     '
})
let reg = new RegExp(/^[ ]*$/)
// 验证为全空,即无值
console.log(reg.test(data.str));//true
// const { } = toRefs(data)
</script>
<style scoped lang="scss"></style>

到此这篇关于JS判断字符串是否全为空的两种方式的文章就介绍到这了,更多相关JS判断字符串是否全为空内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文