快捷導(dǎo)航

JS判斷字符串是否全為空的兩種方式

更新時(shí)間：2023年10月26日 11:18:29 作者：加油樂(lè)

當(dāng)我們需要判斷用戶輸入的是否全是空格,或用戶在不輸入內(nèi)容的情況下使用回車(chē)發(fā)送,此時(shí)我們?nèi)绻枨髢?nèi)容不能為空,常規(guī)判斷無(wú)法識(shí)別,空格本身也有l(wèi)ength,這個(gè)時(shí)候就可使用到下列兩種方式

一、使用場(chǎng)景

當(dāng)我們需要判斷用戶輸入的是否全是空格，或用戶在不輸入內(nèi)容的情況下使用回車(chē)發(fā)送。此時(shí)我們?nèi)绻枨髢?nèi)容不能為空，常規(guī)判斷無(wú)法識(shí)別，空格本身也有l(wèi)ength,這個(gè)時(shí)候就可使用到下列兩種方式。

二、方法示例

1、使用trim()方法

trim()方法會(huì)去除首尾空格，并返回一個(gè)處理后的新值
主要內(nèi)容為js部分，回車(chē)同理，本次不做演示

<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
// 長(zhǎng)度
console.log(data.str.length);//8  
// 是否不存在
console.log(!data.str.trim()); //true
// 長(zhǎng)度
console.log(data.str.trim().length); //0
// const { } = toRefs(data)
</script>
<style scoped lang="scss"></style>

三、使用正則驗(yàn)證

通過(guò)匹配是否全空，決定是否要進(jìn)行其他邏輯

<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(/^[ ]*$/)
// 驗(yàn)證為全空，即無(wú)值
console.log(reg.test(data.str));//true
// const { } = toRefs(data)
</script>
<style scoped lang="scss"></style>

到此這篇關(guān)于JS判斷字符串是否全為空的兩種方式的文章就介紹到這了,更多相關(guān)JS判斷字符串是否全為空內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: