介绍
在前端开发中,经常需要判断一个对象是否符合某种条件,如是否含有某一个 class,是否含有某一个属性等等。o-has 是一个 npm 包,它提供了一种简单的方法来做这些事情,而且还非常小巧。
安装
你可以使用 npm 来安装 o-has:
npm install o-has
或者,你也可以通过 cdn 来使用:
<script src="https://cdn.jsdelivr.net/npm/o-has/dist/o-has.min.js"></script>
使用
o-has 提供了以下几个方法:
oHasClass
判断一个元素是否含有指定的 class。
oHas.oHasClass(element, className)
参数:
element
: 要判断的元素。className
: 要查找的 class 名称。
返回值:
- 返回一个布尔值,表示该元素是否含有该 class。
示例代码:
<div id="example" class="foo"></div>
var element = document.getElementById('example'); var hasClass = oHas.oHasClass(element, 'foo'); console.log(hasClass); // true
oHasAttr
判断一个元素是否含有指定的属性。
oHas.oHasAttr(element, attributeName)
参数:
element
: 要判断的元素。attributeName
: 要查找的属性名称。
返回值:
- 返回一个布尔值,表示该元素是否含有该属性。
示例代码:
<div id="example" data-color="blue"></div>
var element = document.getElementById('example'); var hasAttr = oHas.oHasAttr(element, 'data-color'); console.log(hasAttr); // true
oHasValue
判断一个元素是否含有指定的 value。
oHas.oHasValue(element, value)
参数:
element
: 要判断的元素。value
: 要查找的 value。
返回值:
- 返回一个布尔值,表示该元素是否含有该 value。
示例代码:
<input id="example" value="hello">
var element = document.getElementById('example'); var hasValue = oHas.oHasValue(element, 'hello'); console.log(hasValue); // true
总结
o-has 是一个非常小巧的 npm 包,它提供了一种简单的方式来判断一个对象是否满足某种条件,如是否含有某一个 class,是否含有某一个属性等等。它的使用非常简单,而且还包含了丰富的示例代码,非常适合新手学习。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f9c3d1de16d83a66e70