npm 包 what.js 使用教程

介绍

什么是 npm?

npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有：

• 帮助开发人员下载、更新、删除和发布代码包
• 管理代码包之间的依赖关系，以及版本号管理等

什么是 what.js？

what.js是一个Javascript的工具库，提供的功能包括：

• 类型判断
• 对象遍历
• 数组去重
• 数组排序
• 字符串相关操作
• 数据深拷贝

what.js 的目标是提高前端开发效率，让开发人员能够更快速地实现业务功能。

安装和使用

安装 what.js

使用 npm 安装 what.js：

npm install whatjs

使用 what.js

在代码中引入 what.js：

const what = require('whatjs');

现在可以使用 what 对象中所提供的方法了。示例代码：

-- -------------------- ---- -------
-- ----------
--- --- - ---
------------------------ -- ----

-- -------------------
--- --- - ------ -------
--------------------- --------- -- ----

-- ----
--- --- - --- -- ---
-------------------- -- --- -- --

-- ----
--- ------ - ------ ------ ---- ----
-------------------- --------------- ---- -
    ---------------- -------
---
-- ---
-- ---- ---
-- --- --

类型判断

1. isArray 判断是否为数组
2. isObject 判断是否为对象
3. isFunction 判断是否为函数
4. isString 判断是否为字符串
5. isNumber 判断是否为数字
6. isBoolean 判断是否为布尔值
7. isDate 判断是否为日期对象
8. isRegExp 判断是否为正则表达式

数组操作

1. uniqueArray 数组去重

let arr = [1, 1, 2, 2, 3, 3];
what.uniqueArray(arr); // [1, 2, 3]

1. sortArray 数组排序

let arr = [2, 1, 3];
what.sortArray(arr); // [1, 2, 3]

1. filterArray 数组过滤

let arr = [1, 2, 3, 4, 5];
let res = what.filterArray(arr, function(item, index) {
    return item > 3;
});
console.log(res); // [4, 5]

对象操作

1. cloneObject 对象克隆

let obj = {name: 'Tom', age: 18};
let newObj = what.cloneObject(obj); // 创建 obj 的一个克隆

1. forEach 对象遍历

let person = {name: 'Tom', age: 18};
what.forEach(person, function(value, key) {
    console.log(key, value);
});

1. mergeObject 对象合并

let target = {name: 'Tom'};
let source = {age: 18};
what.mergeObject(target, source); // {name: 'Tom', age: 18}

字符串操作

1. isStartWith 判断字符串开头是否匹配

let str = 'hello world';
what.isStartWith(str, 'hello'); // true

1. isEndWith 判断字符串结尾是否匹配

let str = 'hello world';
what.isEndWith(str, 'world'); // true

1. trim 去除字符串前后空格

let str = '   hello world   ';
what.trim(str); // 'hello world'

数据操作

1. deepClone 深拷贝

let arr = [{name: 'Tom', age: 18}, {name: 'Jerry', age: 19}];
let newArr = what.deepClone(arr); // 数组深拷贝

总结

本文介绍了 npm 包 what.js 的使用教程，它提供了许多常用的工具函数，包括类型判断、对象遍历、数组去重、数组排序、字符串相关操作、数据深拷贝等。这些函数可以提高开发效率，减少重复代码的产生。

通过本文的学习，读者可以掌握如何使用 what.js，同时也可以了解到一些常见的前端工具在实际开发中的应用场景，有助于提升自身的前端技能水平。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710a8dd3466f61ffe02b