npm 包 o-has 使用教程

介绍

在前端开发中，经常需要判断一个对象是否符合某种条件，如是否含有某一个 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