js中怎么判定占位符 是否为空,如果为空设置 默认值
时间: 2024-05-11 19:15:23 浏览: 7
在JavaScript中,可以使用三元运算符来判断占位符是否为空,如果为空则设置默认值。示例如下:
```
const placeholder = '';
const defaultVal = 'Hello World!';
const value = placeholder ? placeholder : defaultVal;
console.log(value); // 输出:Hello World!
```
以上代码中,首先定义了一个占位符 `placeholder`,其值为空字符串。然后定义了一个默认值 `defaultVal`,其值为 `'Hello World!'`。接着使用三元运算符判断占位符是否为空,如果不为空则将其值赋给变量 `value`,否则将默认值赋给 `value`。
需要注意的是,如果占位符的值为 `undefined` 或 `null`,则也会被视为空。因此,可以使用更加严谨的判断方法来判断占位符是否为空,如下所示:
```
const placeholder = undefined;
const defaultVal = 'Hello World!';
const value = (placeholder !== undefined && placeholder !== null && placeholder !== '') ? placeholder : defaultVal;
console.log(value); // 输出:Hello World!
```
以上代码中,使用了 `!==` 运算符来判断占位符的值是否为 `undefined`、`null` 或空字符串。只有当占位符的值不为空时,才将其赋值给变量 `value`。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)