https://github.com/biyuqi/js-wheels
:tada: 常用的js方法集合
https://github.com/biyuqi/js-wheels
javascript javascript-library js-tool webpack webpack4
Last synced: about 2 months ago
JSON representation
:tada: 常用的js方法集合
- Host: GitHub
- URL: https://github.com/biyuqi/js-wheels
- Owner: BiYuqi
- Created: 2018-03-28T15:05:48.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-07-11T15:52:14.000Z (almost 6 years ago)
- Last Synced: 2025-03-29T01:45:47.460Z (about 2 months ago)
- Topics: javascript, javascript-library, js-tool, webpack, webpack4
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/js-wheels
- Size: 273 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 前言
日常使用的函数方法集合
### 安装
```js
npm i js-wheels -S
```
### 模块引入
```js
// webpack es6
import JSW from 'js-wheels'
const JSW = require('js-wheels')
```
### 直接引入
```html
JsWheels.chunck([1, 2, 3, 4, 5], 2) // [[1, 2], [3, 4], [5]]
```
## 用法(Usage Example)
#### Array
```js
JSW.chunck([1, 2, 3, 4, 5], 2) // [[1, 2], [3, 4], [5]]
JSW.difference([1, 2, 3], [2, 3, 4]) // [1, 4] 差集
JSW.differenceWith([1, 2, 3], [2, 3, 4]) // [2, 3] 并集
JSW.flattenArray([1, [2, 3]]) // [1, 2, 3] 扁平化数组
JSW.myFilter([1, 2, 3], (index, item) => item > 2) // [3]
JSW.spliceByVal(arr, target) // 删除指定元素
JSW.binarySearch(arr, item) // 二分查找
```
#### Object
###### filterObjectBy
```js
/**
* @param arrayObj 数组包裹的对象
* @param mark 对象的key
*/
JSW.filterObjectBy([{a:1},{a:1},{a:3},{a:3},{a:4}], 'a')
// [{a:1},{a:3},{a:4}] 根据对象某一个属性进行去重
```
###### cloneDeep
```js
/**
* @param {Array Object} obj 数组或者对象
*/
JSW.cloneDeep(obj)
```
##### chaining
解决ajax数据异步返回，导致渲染模板报错undefined
```html
用Vue举个例子
{{{ chaining(data, 'name.age.go', '加载中...') }}}
```
```js
/**
* https://github.com/tc39/proposal-optional-chaining
* https://www.mmxiaowu.com/article/5b18d19f2f52003e4d38c639
* @param {target} source data
* @param {props}
* @param {def}
* use:
* const data = {
* name: {
* age: {
* go: 27
* }
* },
* age: 38
* }
*/
JSW.chaining(data, 'name.age.go', '加载中...') // 27
JSW.chaining(data, 'name.g.g.b.c', '加载中...') // 加载中...
JSW.chaining(data, 'age', '暂无数据') // 38
```
##### proxy
```js
/**
* @param {Object} obj
* @param {} path
* @example 拦截由于数据为空导致报错undefined 与chaining方法功能一样
* const test = {
* a: 123,
* b: 456,
* list: {
* dog: '旺旺'
* }
* }
*/
// 最后调用放入无参数时默认值
JSW.proxy(test).a() // 123
JSW.proxy(test).a.list() // {dog: '旺旺'}
JSW.proxy(test).a.list.cat('默认值') // 默认值
```
##### arrToHash
数组对象 => 转为双map结构
```js
/**
* @param {Array} arr
* @param {String} key
* 数组对象转map map 结构
* @example
* [{
* id: 1,
* name: 'biyuqi',
* age: 26
* },
* {
* id: 2,
* name: 'bailemen',
* age: 101
* }
* @return
* {
* 1: {
* name: 'biyuqi',
* age: 26
* },
* 2:{
* name: 'bailemen',
* age: 101
* }
* }
*/
JSW.arrToHash(before, 'id')
```
#### Browser
```js
JSW.inBrowser // boolean
JSW.inWeex // boolean
JSW.weexPlatform // boolean
JSW.UA // String
JSW.isIE // boolean
JSW.isIE9 // boolean
JSW.isIE10 // boolean
JSW.isIE11 // boolean
JSW.isEdge // boolean
JSW.isAndroid // boolean
JSW.isIOS // boolean
JSW.isChrome // boolean
```
#### Is
```js
JSW.isArray([]) // true
JSW.isObject({}) // true
JSW.isString('') // true
JSW.isNumber(123) // true
JSW.isSet(new Set) // true
JSW.isMap(new Map) // true
JSW.isUndefined(undefined) // true
JSW.isDate(new Date()) // true
JSW.isFunction(null) // false
JSW.isRegExp(/\d+/) // true
JSW.isNaN(0/0) // true
```
#### Time
```js
JSW.timeAgo('2018-07-7 02:09:23') // 5 days ago
JSW.timeAgo('2018-07-7 02:09:23', 'cn') // 5天前
```
#### String
```js
JSW.trimLeft(' 123') // 123
JSW.trimRight('456 ') // 456
JSW.trimAll(' 7 8 9 ') // 789
JSW.repeatStr('js', 2) // jsjs
```
#### Other
```js
/**
* 格式化请求参数
* @param {{ query }} Object
* {
* key: '123',
* name: 'byq',
* test: ''
* }
* key=123&name=byq
*/
JSW.formatQuery(query)
```