wsemi

wsemi

new wsemi()

Source:

Methods

(static) ab2blob(ab) → {Blob}

Description:
  • ArrayBuffer資料轉Blob資料

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ab = (new Uint8Array([66, 97, 115])).buffer
console.log(ab2blob(ab))
// => Blob {size: 3, type: ""}
Parameters:
Name Type Description
ab ArrayBuffer

輸入ArrayBuffer資料

Returns:

回傳Blob資料

Type
Blob

(static) ab2u8arr(ab) → {Unit8Array}

Description:
  • ArrayBuffer轉Unit8Array

    Unit Test: Github

Source:
Example
Try in Codepen
let ab = (new Uint8Array([66, 97, 115])).buffer
console.log(ab2u8arr(ab))
// => new Uint8Array([66, 97, 115])
Parameters:
Name Type Description
ab ArrayBuffer

輸入ArrayBuffer

Returns:

回傳Unit8Array

Type
Unit8Array

(static) addExcelWorksheetFromData(wb, data, sheetNameopt) → {Object}

Description:
  • 由數據陣列或DOM的table元素轉成Excel的Worksheet物件,並加入至Excel的Workbook物件

    Unit Test: Github

Source:
Example
Try in Codepen
let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]

let wb = createExcelWorkbook()
console.log(wb)
// => Workbook { SheetNames: [], Sheets: {} }

wb = addExcelWorksheetFromData(wb, data, 'tester')
console.log(JSON.stringify(wb, null, 2))
// => {
//   "SheetNames": [
//     "tester"
//   ],
//   "Sheets": {
//     "tester": {
//       "A1": {
//         "v": "a",
//         "t": "s"
//       },
//       "B1": {
//         "v": "123",
//         "t": "s"
//       },
//       "C1": {
//         "v": 456,
//         "t": "n"
//       },
//       "B2": {
//         "v": "abc123",
//         "t": "s"
//       },
//       "C2": {
//         "v": "",
//         "t": "s"
//       },
//       "D2": {
//         "v": 111.222333,
//         "t": "n"
//       },
//       "!ref": "A1:D2"
//     }
//   }
// }
Parameters:
Name Type Attributes Default Description
wb Object

輸入Excel的Workbook物件

data Array | Element

輸入數據陣列或是DOM的table元素(Element)

sheetName String <optional>
'data'

輸入輸出為Excel時所在分頁(sheet)名稱字串,預設為'data'

Returns:

回傳Excel的Workbook物件

Type
Object

(static) addMonth(g, n) → {String}

Description:
  • 輸入年月並增加/減少月份數量

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(addMonth('2019-01', 2))
// => '2019-03'

console.log(addMonth('2018-12', -1))
// => '2018-11'
Parameters:
Name Type Description
g String

輸入月時間字串

n Integer

輸入要增加的月份數量整數,可為正負值

Returns:

回傳新的月時間字串

Type
String

(static) aes2str(str, key, base64opt) → {String}

Description:
  • 一般字串轉AES字串 使用AES-128-CBC加密,字串採用PKCS#7填充

    Unit Test: Github

Source:
Example
Try in Codepen
let str = '53616c7465645f5f47214797ac01bc03cceb69ebced4948501ab94ca9644a6dfd277456aead4432cb9c9d74c38c42c79'
let key = '1234567890abcdefghijk'
console.log(aes2str(str, key))
// => 'test中文abcdefghijklmn'
Parameters:
Name Type Attributes Default Description
str String

輸入一般字串

key String

輸入加密key

base64 Boolean <optional>
false

輸入是否轉為base64字串,預設為false

Returns:

回傳經AES轉換後字串,採Hex/base64顯示

Type
String

(static) alive(timeAliveopt, timeDetectopt) → {Object}

Description:
  • 偵測單元是否在線

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let oAL = alive({ timeAlive: 1500 })
            let t = Date.now()

            let a = { data: 123 }
            let b = { data: '34.56' }

            setTimeout(() => {
                console.log(parseInt((Date.now() - t)) + 'ms', 'trigger a1')
                oAL.trigger('a', a)
            }, 500)

            setTimeout(() => {
                console.log(parseInt((Date.now() - t)) + 'ms', 'trigger a2')
                oAL.trigger('a', a)
            }, 1900)

            setTimeout(() => {
                console.log(parseInt((Date.now() - t)) + 'ms', 'trigger b1')
                oAL.trigger('b', b)
            }, 1000)

            setTimeout(() => {
                console.log(parseInt((Date.now() - t)) + 'ms', 'trigger b2')
                oAL.trigger('b', b)
            }, 3000)

            oAL.on('message', function({ eventName, key, data, now }) {
                console.log(parseInt((Date.now() - t)) + 'ms', { eventName, key, data, now })
                ms.push(eventName + '|' + key)
            })

            setTimeout(() => {
                resolve(ms)
            }, 5000)

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // 503ms trigger a1
    // 508ms { eventName: 'enter', key: 'a', data: { data: 123 }, now: 1 }
    // 1001ms trigger b1
    // 1003ms { eventName: 'enter', key: 'b', data: { data: '34.56' }, now: 2 }
    // 1901ms trigger a2
    // 2523ms { eventName: 'leave', key: 'b', data: { data: '34.56' }, now: 1 }
    // 3002ms trigger b2
    // 3004ms { eventName: 'enter', key: 'b', data: { data: '34.56' }, now: 2 }
    // 3430ms { eventName: 'leave', key: 'a', data: { data: 123 }, now: 1 }
    // 4544ms { eventName: 'leave', key: 'b', data: { data: '34.56' }, now: 0 }
    // ["enter|a","enter|b","leave|b","enter|b","leave|a","leave|b"]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
timeAlive Integer <optional>
10000

輸入判斷單元是否斷線之延時整數,單位為毫秒ms,預設為10000

timeDetect Integer <optional>
50

輸入偵測佇列間隔時間整數,單位為毫秒ms,預設為50

Returns:

回傳事件物件,可呼叫事件on、trigger、get。trigger給予單元的唯一key字串與攜帶數據data物件,on為監聽事件,需自行監聽message事件取得單元進出事件。get事件可取得alive內視為存活的單元清單

Type
Object

(static) arr2dt(keys, valuesopt) → {Object}

Description:
  • 結合keys與values成為物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arr2dt(['a', 'b']))
// => { 'a': '', 'b': '' }

console.log(arr2dt(['a', 'b'], 'xyz'))
// => { a: 'xyz', b: 'xyz' }

console.log(arr2dt(['a', 'b'], null))
// => { a: null, b: null }

console.log(arr2dt(['a', 'b'], [12.3, '456a']))
// => { 'a': 12.3, 'b': '456a' }

console.log(arr2dt(['a', 'b'], [null, '456a']))
// => { 'a': null, 'b': '456a' }

console.log(arr2dt(['a', 'b'], [12.3]))
// => {}

console.log(arr2dt(['a', 'b'], {}))
// => { a: {}, b: {} }
Parameters:
Name Type Attributes Default Description
keys Array

輸入keys字串陣列

values Array | * <optional>
''

輸入values物件陣列或需自動展開values成為的陣列,預設''

Returns:

回傳組合後物件

Type
Object

(static) arrAccum(vec) → {Array}

Description:
  • 回傳累加後陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrAccum([1, 2, 3, 4]))
// => [1, 3, 6, 10]
Parameters:
Name Type Description
vec Array

輸入要被累加計算的陣列

Returns:

回傳各元素累加後之陣列

Type
Array

(static) arrAdd(arguments) → {Array}

Description:
  • 各陣列內元素相加,可輸入n個同長度陣列,若需輸入之陣列長度不同則回傳空陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let v1 = [1, 2, 3, 4]
let v2 = [0.1, 0.1, 0.1, 0.1]
let v3 = [11, 22, 33, 44]

console.log(arrAdd(v1, v2))
// => [ 1.1, 2.1, 3.1, 4.1 ]

console.log(arrAdd(v1, v2, v3))
// => [ 12.1, 24.1, 36.1, 48.1 ]
Parameters:
Name Type Description
arguments Array

輸入n個陣列,需同長度,其內元素皆會轉為浮點數,各陣列針對各元素進行相加總

Returns:

回傳各元素相加後陣列

Type
Array

(static) arrAt(vall, istart, iendopt) → {Array}

Description:
  • 由vall陣列提取指定欄位(或欄位範圍)之資料 若istart與iend有效, 提取istart~iend欄位 若僅istart有效, 提取istart欄位

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrAt([1, 2, 3, '4', 5, 'abc'], 1))
// => [2]

console.log(arrAt([1, 2, 3, '4', 5, 'abc'], 1, 4))
// => [2, 3, '4', 5]
Parameters:
Name Type Attributes Default Description
vall Array

輸入要被提取的任意資料陣列

istart Integer

輸入起始的欄位指標整數

iend Integer <optional>
null

輸入結束的欄位指標整數,若不使用則等同於istart,預設null

Returns:

回傳提取的任意資料陣列

Type
Array

(static) arrDiff(strOld, strNew, optopt) → {Object}

Description:
  • 比對新舊陣列差異處

    Unit Test: Github

Source:
Example
Try in Codepen
let r
let arrOld
let arrNew

if (true) {
    arrOld = [-0.529408622, 0.839882385, 0.663059856, 0.49047221, 123, 0.395763265, 0.866151835]
    arrNew = [-0.529408622, 0.1839882385, 0.663059856, 0.49047221, 0.395763265, 45.6, 0.866151835]
    r = arrDiff(arrOld, arrNew) //因第[5](0.395763265)元素會往前到[4]去, diff會偵測到並視為前面刪除(123)而後面加入(45.6), 故解析後長度會由7變成8
    console.log(r)
    // => {
    //   diff: [
    //     { count: 1, value: '-0.529408622\n' },
    //     {
    //       count: 1,
    //       added: undefined,
    //       removed: true,
    //       value: '0.839882385\n'
    //     },
    //     {
    //       count: 1,
    //       added: true,
    //       removed: undefined,
    //       value: '0.1839882385\n'
    //     },
    //     { count: 2, value: '0.663059856\n0.49047221\n' },
    //     { count: 1, added: undefined, removed: true, value: '123\n' },
    //     { count: 1, value: '0.395763265\n' },
    //     { count: 1, added: true, removed: undefined, value: '45.6\n' },
    //     { count: 1, value: '0.866151835\n' }
    //   ],
    //   dfs: [
    //     { p: '', vo: '-0.529408622', vn: '' },
    //     { p: 'modify', vo: '0.839882385', vn: '0.1839882385' },
    //     { p: '', vo: '0.663059856', vn: '' },
    //     { p: '', vo: '0.49047221', vn: '' },
    //     { p: 'remove', vo: '123', vn: '' },
    //     { p: '', vo: '0.395763265', vn: '' },
    //     { p: 'add', vo: '45.6', vn: '' },
    //     { p: '', vo: '0.866151835', vn: '' }
    //   ]
    // }
}

if (true) {
    arrOld = [
        [1, 0.974848293, 0.791303871, 0.716898185, 0.506002098, 0.137888903, 0.626724085],
        [2, -0.529408622, 0.839882385, 0.663059856, 0.49047221, 123, 0.395763265, 0.866151835],
        [3, -0.10320217, 0.475514539, 0.969205779, 0.711250309, 0.153847069, 0.410092395],
        [4, -0.121479865, 0.486179086, 0.481023842, 0.467410582, 0.42602231, 0.849701641],
        [5, 0.757346003, 0.697242433, 0.67532802, 0.174644416, 0.045652267, 0.397104668],
        [6, 0.663032731, 0.259252779, 0.566177431, 0.679637706, 0.377814487, 0.400248119],
        [7, 0.72721374, 0.263793391, 0.167895215, 0.794808602, 0.107070584, 0.011822872],
        [8, 0.247416664, 0.360426795, 0.014346373, 0.000469616, 0.4082693, 0.913806611],
        [9, 0.345880037, 0.167996664, 0.711054429, 0.363177921, 0.206849994, 0.636855344],
        [10, 0.576739457, 0.324665077, 0.973218005, 0.883927423, 0.176906125, 0.20087887],
        [11, 1.2],
        [12, 23.5],
        [13, 0.504421248, 0.984003751, 0.32549507, 0.987090751, 0.192745589, 0.735133561],
        [14, 0.273214614, 0.083431884, 0.565146092, 0.935388666, 0.637675154, 0.523815661],
    ]
    arrNew = [
        [1, 0.974848293, 0.791303871, 0.716898185, 0.506002098, 0.137888903, 0.626724085],
        [2, -0.529408622, 0.1839882385, 0.663059856, 0.49047221, 0.395763265, 45.6, 0.866151835],
        [3, -0.10320217, 0.475514539, 0.969205779, 0.711250309, 0.153847069, 0.410092395],
        [4, -0.121479865, 0.486179086, 0.481023842, 0.467410582, 0.42602231, 0.849701641],
        [5, 0.757346003, 0.697242433, 0.67532802, 0.174644416, 0.045652267, 0.397104668],
        [7, 0.72721374, 0.263793391, 0.167895215, 0.794808602, 0.107070584, 0.011822872],
        [8, 0.247416664, 0.360426795, 0.014346373, 0.000469616, 0.4082693, 0.913806611],
        [9, 0.345880037, 0.167996664, 0.711054429, 0.363173478, 0.636855344],
        [10, 0.576739457, 0.324665077, 0.973218005, 0.883927423, 0.176906125, 0.20087887],
        [13, 0.504421248, 0.984003751, 0.32549507, 0.987090751, 0.192745589, 0.735133561],
        [14, 0.273214614, 0.083431884, 0.565146092, 0.935388666, 0.637675154, 0.523815661],
        ['n1', 0.944492151, 0.89950443, 0.182709318, 0.892820757, 0.709746901, 0.097385354],
        ['n2', 0.769805921, 0.061355308, 0.314826137, 0.855857651, 0.653550539, 0.772500773],
        ['n3', 0.158739038, 0.085078711, 0.844664253, 0.21630142, 0.912931341, 0.735138313],
    ]
    r = arrDiff(arrOld, arrNew, { mode: 'matrix' })
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 1,
    //     value: '0∶1⟋1∶0.974848293⟋2∶0.791303871⟋3∶0.716898185⟋4∶0.506002098⟋5∶0.137888903⟋6∶0.626724085⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶2⟋1∶-0.529408622⟋2∶0.839882385⟋3∶0.663059856⟋4∶0.49047221⟋5∶123⟋6∶0.395763265⟋7∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶2⟋1∶-0.529408622⟋2∶0.1839882385⟋3∶0.663059856⟋4∶0.49047221⟋5∶0.395763265⟋6∶45.6⟋7∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 3,
    //     value: '0∶3⟋1∶-0.10320217⟋2∶0.475514539⟋3∶0.969205779⟋4∶0.711250309⟋5∶0.153847069⟋6∶0.410092395⟋\n' +
    //       '0∶4⟋1∶-0.121479865⟋2∶0.486179086⟋3∶0.481023842⟋4∶0.467410582⟋5∶0.42602231⟋6∶0.849701641⟋\n' +
    //       '0∶5⟋1∶0.757346003⟋2∶0.697242433⟋3∶0.67532802⟋4∶0.174644416⟋5∶0.045652267⟋6∶0.397104668⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶6⟋1∶0.663032731⟋2∶0.259252779⟋3∶0.566177431⟋4∶0.679637706⟋5∶0.377814487⟋6∶0.400248119⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶7⟋1∶0.72721374⟋2∶0.263793391⟋3∶0.167895215⟋4∶0.794808602⟋5∶0.107070584⟋6∶0.011822872⟋\n' +
    //       '0∶8⟋1∶0.247416664⟋2∶0.360426795⟋3∶0.014346373⟋4∶0.000469616⟋5∶0.4082693⟋6∶0.913806611⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶9⟋1∶0.345880037⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363177921⟋5∶0.206849994⟋6∶0.636855344⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶9⟋1∶0.345880037⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363173478⟋5∶0.636855344⟋\n'
    //   },
    //   {
    //     count: 1,
    //     value: '0∶10⟋1∶0.576739457⟋2∶0.324665077⟋3∶0.973218005⟋4∶0.883927423⟋5∶0.176906125⟋6∶0.20087887⟋\n'
    //   },
    //   {
    //     count: 2,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶11⟋1∶1.2⟋\n0∶12⟋1∶23.5⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶13⟋1∶0.504421248⟋2∶0.984003751⟋3∶0.32549507⟋4∶0.987090751⟋5∶0.192745589⟋6∶0.735133561⟋\n' +
    //       '0∶14⟋1∶0.273214614⟋2∶0.083431884⟋3∶0.565146092⟋4∶0.935388666⟋5∶0.637675154⟋6∶0.523815661⟋\n'
    //   },
    //   {
    //     count: 3,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶n1⟋1∶0.944492151⟋2∶0.89950443⟋3∶0.182709318⟋4∶0.892820757⟋5∶0.709746901⟋6∶0.097385354⟋\n' +
    //       '0∶n2⟋1∶0.769805921⟋2∶0.061355308⟋3∶0.314826137⟋4∶0.855857651⟋5∶0.653550539⟋6∶0.772500773⟋\n' +
    //       '0∶n3⟋1∶0.158739038⟋2∶0.085078711⟋3∶0.844664253⟋4∶0.21630142⟋5∶0.912931341⟋6∶0.735138313⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df [
    //   { p: '', k: 0, vo: '1', vn: '' },
    //   { p: '', k: 1, vo: '0.974848293', vn: '' },
    //   { p: '', k: 2, vo: '0.791303871', vn: '' },
    //   { p: '', k: 3, vo: '0.716898185', vn: '' },
    //   { p: '', k: 4, vo: '0.506002098', vn: '' },
    //   { p: '', k: 5, vo: '0.137888903', vn: '' },
    //   { p: '', k: 6, vo: '0.626724085', vn: '' }
    // ]
    // 1 df [
    //   { p: '', k: 0, vo: '2', vn: '' },
    //   { p: '', k: 1, vo: '-0.529408622', vn: '' },
    //   { p: 'modify', k: 2, vo: '0.839882385', vn: '0.1839882385' },
    //   { p: '', k: 3, vo: '0.663059856', vn: '' },
    //   { p: '', k: 4, vo: '0.49047221', vn: '' },
    //   { p: 'modify', k: 5, vo: '123', vn: '0.395763265' },
    //   { p: 'modify', k: 6, vo: '0.395763265', vn: '45.6' },
    //   { p: '', k: 7, vo: '0.866151835', vn: '' }
    // ]
    // 2 df [
    //   { p: '', k: 0, vo: '3', vn: '' },
    //   { p: '', k: 1, vo: '-0.10320217', vn: '' },
    //   { p: '', k: 2, vo: '0.475514539', vn: '' },
    //   { p: '', k: 3, vo: '0.969205779', vn: '' },
    //   { p: '', k: 4, vo: '0.711250309', vn: '' },
    //   { p: '', k: 5, vo: '0.153847069', vn: '' },
    //   { p: '', k: 6, vo: '0.410092395', vn: '' }
    // ]
    // 3 df [
    //   { p: '', k: 0, vo: '4', vn: '' },
    //   { p: '', k: 1, vo: '-0.121479865', vn: '' },
    //   { p: '', k: 2, vo: '0.486179086', vn: '' },
    //   { p: '', k: 3, vo: '0.481023842', vn: '' },
    //   { p: '', k: 4, vo: '0.467410582', vn: '' },
    //   { p: '', k: 5, vo: '0.42602231', vn: '' },
    //   { p: '', k: 6, vo: '0.849701641', vn: '' }
    // ]
    // 4 df [
    //   { p: '', k: 0, vo: '5', vn: '' },
    //   { p: '', k: 1, vo: '0.757346003', vn: '' },
    //   { p: '', k: 2, vo: '0.697242433', vn: '' },
    //   { p: '', k: 3, vo: '0.67532802', vn: '' },
    //   { p: '', k: 4, vo: '0.174644416', vn: '' },
    //   { p: '', k: 5, vo: '0.045652267', vn: '' },
    //   { p: '', k: 6, vo: '0.397104668', vn: '' }
    // ]
    // 5 df [
    //   { p: 'remove', k: 0, vo: '6', vn: '' },
    //   { p: 'remove', k: 1, vo: '0.663032731', vn: '' },
    //   { p: 'remove', k: 2, vo: '0.259252779', vn: '' },
    //   { p: 'remove', k: 3, vo: '0.566177431', vn: '' },
    //   { p: 'remove', k: 4, vo: '0.679637706', vn: '' },
    //   { p: 'remove', k: 5, vo: '0.377814487', vn: '' },
    //   { p: 'remove', k: 6, vo: '0.400248119', vn: '' }
    // ]
    // 6 df [
    //   { p: '', k: 0, vo: '7', vn: '' },
    //   { p: '', k: 1, vo: '0.72721374', vn: '' },
    //   { p: '', k: 2, vo: '0.263793391', vn: '' },
    //   { p: '', k: 3, vo: '0.167895215', vn: '' },
    //   { p: '', k: 4, vo: '0.794808602', vn: '' },
    //   { p: '', k: 5, vo: '0.107070584', vn: '' },
    //   { p: '', k: 6, vo: '0.011822872', vn: '' }
    // ]
    // 7 df [
    //   { p: '', k: 0, vo: '8', vn: '' },
    //   { p: '', k: 1, vo: '0.247416664', vn: '' },
    //   { p: '', k: 2, vo: '0.360426795', vn: '' },
    //   { p: '', k: 3, vo: '0.014346373', vn: '' },
    //   { p: '', k: 4, vo: '0.000469616', vn: '' },
    //   { p: '', k: 5, vo: '0.4082693', vn: '' },
    //   { p: '', k: 6, vo: '0.913806611', vn: '' }
    // ]
    // 8 df [
    //   { p: '', k: 0, vo: '9', vn: '' },
    //   { p: '', k: 1, vo: '0.345880037', vn: '' },
    //   { p: '', k: 2, vo: '0.167996664', vn: '' },
    //   { p: '', k: 3, vo: '0.711054429', vn: '' },
    //   { p: 'modify', k: 4, vo: '0.363177921', vn: '0.363173478' },
    //   { p: 'modify', k: 5, vo: '0.206849994', vn: '0.636855344' },
    //   { p: 'remove', k: 6, vo: '0.636855344', vn: '' }
    // ]
    // 9 df [
    //   { p: '', k: 0, vo: '10', vn: '' },
    //   { p: '', k: 1, vo: '0.576739457', vn: '' },
    //   { p: '', k: 2, vo: '0.324665077', vn: '' },
    //   { p: '', k: 3, vo: '0.973218005', vn: '' },
    //   { p: '', k: 4, vo: '0.883927423', vn: '' },
    //   { p: '', k: 5, vo: '0.176906125', vn: '' },
    //   { p: '', k: 6, vo: '0.20087887', vn: '' }
    // ]
    // 10 df [
    //   { p: 'remove', k: 0, vo: '11', vn: '' },
    //   { p: 'remove', k: 1, vo: '1.2', vn: '' }
    // ]
    // 11 df [
    //   { p: 'remove', k: 0, vo: '12', vn: '' },
    //   { p: 'remove', k: 1, vo: '23.5', vn: '' }
    // ]
    // 12 df [
    //   { p: '', k: 0, vo: '13', vn: '' },
    //   { p: '', k: 1, vo: '0.504421248', vn: '' },
    //   { p: '', k: 2, vo: '0.984003751', vn: '' },
    //   { p: '', k: 3, vo: '0.32549507', vn: '' },
    //   { p: '', k: 4, vo: '0.987090751', vn: '' },
    //   { p: '', k: 5, vo: '0.192745589', vn: '' },
    //   { p: '', k: 6, vo: '0.735133561', vn: '' }
    // ]
    // 13 df [
    //   { p: '', k: 0, vo: '14', vn: '' },
    //   { p: '', k: 1, vo: '0.273214614', vn: '' },
    //   { p: '', k: 2, vo: '0.083431884', vn: '' },
    //   { p: '', k: 3, vo: '0.565146092', vn: '' },
    //   { p: '', k: 4, vo: '0.935388666', vn: '' },
    //   { p: '', k: 5, vo: '0.637675154', vn: '' },
    //   { p: '', k: 6, vo: '0.523815661', vn: '' }
    // ]
    // 14 df [
    //   { p: 'add', k: 0, vo: 'n1', vn: '' },
    //   { p: 'add', k: 1, vo: '0.944492151', vn: '' },
    //   { p: 'add', k: 2, vo: '0.89950443', vn: '' },
    //   { p: 'add', k: 3, vo: '0.182709318', vn: '' },
    //   { p: 'add', k: 4, vo: '0.892820757', vn: '' },
    //   { p: 'add', k: 5, vo: '0.709746901', vn: '' },
    //   { p: 'add', k: 6, vo: '0.097385354', vn: '' }
    // ]
    // 15 df [
    //   { p: 'add', k: 0, vo: 'n2', vn: '' },
    //   { p: 'add', k: 1, vo: '0.769805921', vn: '' },
    //   { p: 'add', k: 2, vo: '0.061355308', vn: '' },
    //   { p: 'add', k: 3, vo: '0.314826137', vn: '' },
    //   { p: 'add', k: 4, vo: '0.855857651', vn: '' },
    //   { p: 'add', k: 5, vo: '0.653550539', vn: '' },
    //   { p: 'add', k: 6, vo: '0.772500773', vn: '' }
    // ]
    // 16 df [
    //   { p: 'add', k: 0, vo: 'n3', vn: '' },
    //   { p: 'add', k: 1, vo: '0.158739038', vn: '' },
    //   { p: 'add', k: 2, vo: '0.085078711', vn: '' },
    //   { p: 'add', k: 3, vo: '0.844664253', vn: '' },
    //   { p: 'add', k: 4, vo: '0.21630142', vn: '' },
    //   { p: 'add', k: 5, vo: '0.912931341', vn: '' },
    //   { p: 'add', k: 6, vo: '0.735138313', vn: '' }
    // ]
}
Parameters:
Name Type Attributes Default Description
strOld Array

輸入原始數據陣列

strNew Array

輸入更新數據陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
mode String <optional>
'array'

輸入數據維度字串,可選為'array'與'matrix',預設'array'

dls String <optional>
'⟋'

輸入若數據為矩陣時各儲存格分隔字串,預設'⟋'

dlq String <optional>
'∶'

輸入若數據為矩陣時各儲存格欄位指標分隔字串,預設'∶'

Returns:

回傳比對結果物件,若為一維陣列則回傳鍵值diff與dfs,其中diff為比對原始結果字串,dfs為依照各列比對結果陣列;若為二維陣列則回傳鍵值diff與dfs,其中diff一樣為比對原始結果字串,dfs為各列與各儲存格比對結果陣列

Type
Object

(static) arrFilterByKeywords(arr, keywords) → {Array}

Description:
  • 對arr陣列內各字串進行關鍵字計算,計算是否含有關鍵字與程度,多關鍵字用空白區隔,必要關鍵字可於字首添加「+」,不要關鍵字可於字首添加「-」

    Unit Test: Github

Source:
Example
Try in Codepen
let arr = [
    'abc def xyz',
    '測試abc中文mnop',
    'Instead of creating yet another opinionated application',
    'Node.js module which can be integrated into a larger application',
]
let kws = null
let r = null

kws = 'abc'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def 中文'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 0.25 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def 中文 mnop'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 0.5555555555555557 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def +yet'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def of module -yet'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: true, weight: 1 }
// ]

kws = '+'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = '-'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = 'def +'
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = ['def', 'of', 'module', '-yet']
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: true, weight: 1 }
// ]

kws = ['can be', 'def']
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 0.25 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: true, weight: 1 }
// ]

kws = ['+abc']
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 }
// ]

kws = ['-abc']
r = arrFilterByKeywords(arr, kws)
console.log(r)
// => [
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: false, weight: 0 },
//     { hasKeyword: true, weight: 1 },
//     { hasKeyword: true, weight: 1 }
// ]
Parameters:
Name Type Description
arr Array

輸入要被尋找的字串陣列

keywords String | Array

輸入要尋找的關鍵字字串或陣列

Returns:

回傳結果物件陣列,陣列內各物件包含hasKeyword與weight欄位,其中hasKeyword代表有無關鍵字為布林值,weight代表權重為浮點數,其值可大於1

Type
Array

(static) arrFilterByNum(arr) → {Array}

Description:
  • 過濾陣列內元素僅保留數字,並且自動轉數值

    Unit Test: Github

Source:
Example
Try in Codepen
let arr

arr = ['abc', '-2.2', '-1.1', -1.1, -1, -0.5, 0, '0', 0.5, 1, 1.1, '1.1', '2.2', 'xyz']
console.log(arrFilterByNum(arr))
// => [ -2.2, -1.1, -1.1, -1, -0.5, 0, 0, 0.5, 1, 1.1, 1.1, 2.2 ]

arr = ['-2.2', '-1.1', -1.1, -1, -0.5, 0, '0']
console.log(arrFilterByNum(arr))
// => [ -2.2, -1.1, -1.1, -1, -0.5, 0, 0 ]
Parameters:
Name Type Description
arr Array

輸入原始陣列

Returns:

回傳新陣列

Type
Array

(static) arrFilterByPnum(arr) → {Array}

Description:
  • 過濾陣列內元素僅保留正數(不含0),並且自動轉數值

    Unit Test: Github

Source:
Example
Try in Codepen
let arr

arr = ['abc', '-2.2', '-1.1', -1.1, -1, -0.5, 0, '0', 0.5, 1, 1.1, '1.1', '2.2', 'xyz']
console.log(arrFilterByPnum(arr))
// => [ 0.5, 1, 1.1, 1.1, 2.2 ]

arr = ['-2.2', '-1.1', -1.1, -1, -0.5, 0, '0']
console.log(arrFilterByPnum(arr))
// => []
Parameters:
Name Type Description
arr Array

輸入原始陣列

Returns:

回傳新陣列

Type
Array

(static) arrFilterByPnumAndToLog(arr) → {Array}

Description:
  • 過濾陣列內元素僅保留正數(不含0),並且自動轉數值,再轉log10(Math.log)

    Unit Test: Github

Source:
Example
Try in Codepen
let arr

arr = ['abc', '-2.2', '-1.1', -1.1, -1, -0.5, 0, '0', 0.5, 1, 1.1, '1.1', '2.2', 'xyz']
console.log(arrFilterByPnumAndToLog(arr))
// => [
//   -0.6931471805599453,
//   0,
//   0.09531017980432493,
//   0.09531017980432493,
//   0.7884573603642703
// ]

arr = ['-2.2', '-1.1', -1.1, -1, -0.5, 0, '0']
console.log(arrFilterByPnumAndToLog(arr))
// => []
Parameters:
Name Type Description
arr Array

輸入原始陣列

Returns:

回傳新陣列

Type
Array

(static) arrFind(vall, vfind) → {Array}

Description:
  • 由vall陣列找尋vfind內各元素之第1位置

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrFind([1, 2, 3, '4', 5, 'abc'], 2))
// => [ 1 ]

console.log(arrFind([1, 2, 3, '4', 5, 'abc'], 12))
// => [ -1 ]

console.log(arrFind([1, 2, 3, '4', 5, 'abc'], [2]))
// => [ 1 ]

console.log(arrFind([1, 2, 3, '4', 5, 'abc'], ['4', 2]))
// => [ 3, 1 ]

console.log(arrFind([1, true, 2, 3, '4', true, 5, 'abc'], true))
// => [ 1 ]

console.log(arrFind([1, true, 2, 3, '4', true, 5, 'abc'], [true]))
// => [ 1 ]

console.log(arrFind([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], { x: 'xyz' }))
// => [ 2 ]

console.log(arrFind([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], [{ x: 'xyz' }]))
// => [ 2 ]

console.log(arrFind([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], ['4', { x: 'xyz' }]))
// => [ 4, 2 ]

console.log(arrFind([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], [7, { x: 'xyz' }]))
// => [-1, 2]
Parameters:
Name Type Description
vall String | Number | Object | Boolean | Array

輸入要被尋找的任意資料陣列

vfind String | Number | Object | Boolean | Array

輸入要尋找的任意資料陣列

Returns:

回傳所找到各元素第1位置之陣列

Type
Array

(static) arrGroupByMaxmin(arr, maxmins, optopt) → {Array}

Description:
  • 依照指定最大最小值物件陣列切分陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let arr1 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm1 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(arrGroupByMaxmin(arr1, mm1))
// => [
//   { min: 0, max: 2, items: [ 1.1 ] },
//   { min: 2, max: 5, items: [ 2.2, 3.3, 4.4 ] }
// ]

let arr2 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm2 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2.5,
        max: 5,
    },
]
console.log(arrGroupByMaxmin(arr2, mm2))
// => [
//   { min: 0, max: 2, items: [ 1.1 ] },
//   { min: 2.5, max: 5, items: [ 3.3, 4.4 ] }
// ]

let arr3 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm3 = [
    {
        min: -1e20,
        max: 2,
    },
    {
        min: 2.5,
        max: 5,
    },
    {
        min: 6,
        max: 1e20,
    },
]
console.log(arrGroupByMaxmin(arr3, mm3))
// => [
//   { min: -100000000000000000000, max: 2, items: [ 1.1 ] },
//   { min: 2.5, max: 5, items: [ 3.3, 4.4 ] },
//   { min: 6, max: 100000000000000000000, items: [ 6.6 ] }
// ]

let arr4 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm4 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrGroupByMaxmin(arr4, mm4), null, 2))
// => [
//   {
//     "min": 0,
//     "max": 2,
//     "items": [
//       {
//         "name": "a",
//         "value": 1.1
//       }
//     ]
//   },
//   {
//     "min": 2,
//     "max": 5,
//     "items": [
//       {
//         "name": "b",
//         "value": 2.2
//       },
//       {
//         "name": "c",
//         "value": 3.3
//       },
//       {
//         "name": "d",
//         "value": 4.4
//       }
//     ]
//   }
// ]

let arr5 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm5 = [
    {
        rmin: 0,
        rmax: 2,
    },
    {
        rmin: 2,
        rmax: 5,
    },
]
console.log(arrGroupByMaxmin(arr5, mm5, { keyMin: 'rmin', keyMax: 'rmax' }))
// => [
//   { rmin: 0, rmax: 2, items: [ 1.1 ] },
//   { rmin: 2, rmax: 5, items: [ 2.2, 3.3, 4.4 ] }
// ]

let arr6 = [
    {
        name: 'a',
        data: 1.1,
    },
    {
        name: 'b',
        data: 2.2,
    },
    {
        name: 'c',
        data: 3.3,
    },
    {
        name: 'd',
        data: 4.4,
    },
    {
        name: 'e',
        data: 5.5,
    },
    {
        name: 'f',
        data: 6.6,
    },
]
let mm6 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrGroupByMaxmin(arr6, mm6, { keyValue: 'data' }), null, 2))
// => [
//   {
//     "min": 0,
//     "max": 2,
//     "items": [
//       {
//         "name": "a",
//         "data": 1.1
//       }
//     ]
//   },
//   {
//     "min": 2,
//     "max": 5,
//     "items": [
//       {
//         "name": "b",
//         "data": 2.2
//       },
//       {
//         "name": "c",
//         "data": 3.3
//       },
//       {
//         "name": "d",
//         "data": 4.4
//       }
//     ]
//   }
// ]

let arr7 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm7 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(arrGroupByMaxmin(arr7, mm7, { keyItems: 'result' }))
// => [
//   { min: 0, max: 2, result: [ 1.1 ] },
//   { min: 2, max: 5, result: [ 2.2, 3.3, 4.4 ] }
// ]

let arr8 = [1.1, 2.2, 3.3, 4.4, 5.5, 6.6]
let mm8 = [
    {
        min: 1.1,
        minType: '>',
        max: 2.2,
        maxType: '<=',
    },
    {
        min: 2.2,
        minType: '>=',
        max: 5.5,
        maxType: '<',
    },
]
console.log(arrGroupByMaxmin(arr8, mm8))
// => [
//   {
//     min: 1.1,
//     minType: '>',
//     max: 2.2,
//     maxType: '<=',
//     items: [ 2.2 ]
//   },
//   {
//     min: 2.2,
//     minType: '>=',
//     max: 5.5,
//     maxType: '<',
//     items: [ 2.2, 3.3, 4.4 ]
//   }
// ]


let arr9 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm9 = [
    {
        min: 0,
        minType: '>=',
        max: 5,
        maxType: '<',
    },
    {
        min: 5,
        minType: '>=',
        max: 10,
        maxType: '<',
    },
]
console.log(JSON.stringify(arrGroupByMaxmin(arr9, mm9), null, 2))
// => [
//   {
//     "min": 0,
//     "minType": ">=",
//     "max": 5,
//     "maxType": "<",
//     "items": [
//       {
//         "name": "a",
//         "value": 1.1
//       },
//       {
//         "name": "b",
//         "value": 2.2
//       },
//       {
//         "name": "c",
//         "value": 3.3
//       },
//       {
//         "name": "d",
//         "value": 4.4
//       }
//     ]
//   },
//   {
//     "min": 5,
//     "minType": ">=",
//     "max": 10,
//     "maxType": "<",
//     "items": [
//       {
//         "name": "e",
//         "value": 5.5
//       },
//       {
//         "name": "f",
//         "value": 6.6
//       }
//     ]
//   }
// ]


let arr10 = [
    {
        name: 'a',
        data: 1.1,
    },
    {
        name: 'b',
        data: 2.2,
    },
    {
        name: 'c',
        data: 3.3,
    },
    {
        name: 'd',
        data: 4.4,
    },
    {
        name: 'e',
        data: 5.5,
    },
    {
        name: 'f',
        data: 6.6,
    },
]
let mm10 = [
    {
        min: 0,
        minType: '>=',
        max: 5,
        maxType: '<',
    },
    {
        min: 5,
        minType: '>=',
        max: 10,
        maxType: '<',
    },
]
console.log(JSON.stringify(arrGroupByMaxmin(arr10, mm10, { keyValue: 'data' }), null, 2))
// => [
//   {
//     "min": 0,
//     "minType": ">=",
//     "max": 5,
//     "maxType": "<",
//     "items": [
//       {
//         "name": "a",
//         "data": 1.1
//       },
//       {
//         "name": "b",
//         "data": 2.2
//       },
//       {
//         "name": "c",
//         "data": 3.3
//       },
//       {
//         "name": "d",
//         "data": 4.4
//       }
//     ]
//   },
//   {
//     "min": 5,
//     "minType": ">=",
//     "max": 10,
//     "maxType": "<",
//     "items": [
//       {
//         "name": "e",
//         "data": 5.5
//       },
//       {
//         "name": "f",
//         "data": 6.6
//       }
//     ]
//   }
// ]
Parameters:
Name Type Attributes Default Description
arr Array

輸入要被切割的陣列

maxmins Array

輸入要切分的最大最小值物件陣列,每個元素需為物件,至少得要包含keyMax與keyMin欄位

opt Object <optional>
{}

輸入設定物件

Properties
Name Type Attributes Default Description
keyMax String <optional>
'max'

輸入maxmins內各元素中,儲存最大值欄位字串,預設'max'

keyMin String <optional>
'min'

輸入maxmins內各元素中,儲存最小值欄位字串,預設'min'

keyValue String <optional>
'value'

輸入arr內各元素中,若為物件,則儲存欲判斷數值之欄位字串,預設'value'

keyItems String <optional>
'items'

輸入回傳maxmins物件陣列中,儲存所屬arr元素之欄位字串,預設'items'

Returns:

回傳切割後的陣列

Type
Array

(static) arrHas(vtar, vhas) → {Boolean}

Description:
  • 判斷任一字串陣列vtar內元素,是否「等於」任一字串陣列vhas內元素

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrHas([1, 2, 3, '4', 5, 'abc'], 2))
// => true

console.log(arrHas([1, 2, 3, '4', 5, 'abc'], 6))
// => false

console.log(arrHas([1, 2, 3, '4', 5, 'abc'], [2]))
// => true

console.log(arrHas([1, 2, 3, '4', 5, 'abc'], [6]))
// => false

console.log(arrHas([1, 2, 3, '4', 5, 'abc'], ['4', 2]))
// => true

console.log(arrHas([1, 2, 3, '4', 5, 'abc'], ['7', 6]))
// => false

console.log(arrHas([1, true, 2, 3, '4', true, 5, 'abc'], true))
// => true

console.log(arrHas([1, true, 2, 3, '4', true, 5, 'abc'], false))
// => false

console.log(arrHas([1, true, 2, 3, '4', true, 5, 'abc'], [true]))
// => true

console.log(arrHas([1, true, 2, 3, '4', true, 5, 'abc'], [false]))
// => false

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], { x: 'xyz' }))
// => true

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], { x: 'opqr' }))
// => false

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], [{ x: 'xyz' }]))
// => true

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], [{ x: 'opqr' }]))
// => false

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], ['4', { x: 'xyz' }]))
// => true

console.log(arrHas([1, 2, { x: 'xyz' }, 3, '4', 5, 'abc'], ['7', { x: 'opqr' }]))
// => false
Parameters:
Name Type Description
vtar String | Number | Object | Boolean | Array

輸入被查找的字串陣列或字串

vhas String | Number | Object | Boolean | Array

輸入查找字串陣列或字串

Returns:

回傳判斷布林值

Type
Boolean

(static) arrInsert(arr, ind, items) → {Array}

Description:
  • 於陣列arr內指定位置ind插入新陣列items

    Unit Test: Github

Source:
Example
Try in Codepen
let arr = [1, 2.5, '123']
let r

r = arrInsert([], 0, 'abc')
console.log(r)
// => [ 'abc' ]

r = arrInsert(arr, 0, 'abc')
console.log(r)
// => [ 'abc', 1, 2.5, '123' ]

r = arrInsert(arr, 1, 'abc')
console.log(r)
// => [ 1, 'abc', 2.5, '123' ]

r = arrInsert(arr, 3, 'abc')
console.log(r)
// => [ 1, 2.5, '123', 'abc' ]

r = arrInsert(arr, 4, 'abc')
console.log(r)
// => [ 1, 2.5, '123' ]

r = arrInsert(arr, 1, null)
console.log(r)
// => [ 1, null, 2.5, '123' ]

r = arrInsert(arr, 1, ['abc', null, 'xyz'])
console.log(r)
// => [ 1, 'abc', null, 'xyz', 2.5, '123' ]
Parameters:
Name Type Description
arr Array

輸入原始陣列

ind Integer

輸入插入指標

items String | Number | Object | Boolean | Array

輸入欲插入的資料或陣列,非陣列資料都會自動轉陣列再插入

Returns:

回傳新陣列

Type
Array

(static) arrLookupByMaxmin(arr, maxmins, optopt) → {Array}

Description:
  • 依照指定最大最小值物件陣列,查找陣列內各元素之所屬值

    Unit Test: Github

Source:
Example
Try in Codepen
let arr1 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm1 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr1, mm1), null, 2))
// => [
//   {
//     "name": "a",
//     "value": 1.1,
//     "items": [
//       {
//         "min": 0,
//         "max": 2
//       }
//     ]
//   },
//   {
//     "name": "b",
//     "value": 2.2,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "c",
//     "value": 3.3,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "d",
//     "value": 4.4,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "e",
//     "value": 5.5
//   },
//   {
//     "name": "f",
//     "value": 6.6
//   }
// ]

let arr2 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm2 = [
    {
        rmin: 0,
        rmax: 2,
    },
    {
        rmin: 2,
        rmax: 5,
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr2, mm2, { keyMin: 'rmin', keyMax: 'rmax' }), null, 2))
// => [
//   {
//     "name": "a",
//     "value": 1.1,
//     "items": [
//       {
//         "rmin": 0,
//         "rmax": 2
//       }
//     ]
//   },
//   {
//     "name": "b",
//     "value": 2.2,
//     "items": [
//       {
//         "rmin": 2,
//         "rmax": 5
//       }
//     ]
//   },
//   {
//     "name": "c",
//     "value": 3.3,
//     "items": [
//       {
//         "rmin": 2,
//         "rmax": 5
//       }
//     ]
//   },
//   {
//     "name": "d",
//     "value": 4.4,
//     "items": [
//       {
//         "rmin": 2,
//         "rmax": 5
//       }
//     ]
//   },
//   {
//     "name": "e",
//     "value": 5.5
//   },
//   {
//     "name": "f",
//     "value": 6.6
//   }
// ]

let arr3 = [
    {
        name: 'a',
        data: 1.1,
    },
    {
        name: 'b',
        data: 2.2,
    },
    {
        name: 'c',
        data: 3.3,
    },
    {
        name: 'd',
        data: 4.4,
    },
    {
        name: 'e',
        data: 5.5,
    },
    {
        name: 'f',
        data: 6.6,
    },
]
let mm3 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr3, mm3, { keyValue: 'data' }), null, 2))
// => [
//   {
//     "name": "a",
//     "data": 1.1,
//     "items": [
//       {
//         "min": 0,
//         "max": 2
//       }
//     ]
//   },
//   {
//     "name": "b",
//     "data": 2.2,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "c",
//     "data": 3.3,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "d",
//     "data": 4.4,
//     "items": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "e",
//     "data": 5.5
//   },
//   {
//     "name": "f",
//     "data": 6.6
//   }
// ]

let arr4 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm4 = [
    {
        min: 0,
        max: 2,
    },
    {
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr4, mm4, { keyItems: 'res' }), null, 2))
// => [
//   {
//     "name": "a",
//     "value": 1.1,
//     "res": [
//       {
//         "min": 0,
//         "max": 2
//       }
//     ]
//   },
//   {
//     "name": "b",
//     "value": 2.2,
//     "res": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "c",
//     "value": 3.3,
//     "res": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "d",
//     "value": 4.4,
//     "res": [
//       {
//         "min": 2,
//         "max": 5
//       }
//     ]
//   },
//   {
//     "name": "e",
//     "value": 5.5
//   },
//   {
//     "name": "f",
//     "value": 6.6
//   }
// ]

let arr5 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm5 = [
    {
        name: 'x1',
        min: 0,
        max: 2,
    },
    {
        name: 'x2',
        min: 2,
        max: 5,
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr5, mm5, {
    keyItems: 'res',
    beforeAddResult: (m) => {
        return m.name
    }
}), null, 2))
// => [
//   {
//     "name": "a",
//     "value": 1.1,
//     "res": [
//       "x1"
//     ]
//   },
//   {
//     "name": "b",
//     "value": 2.2,
//     "res": [
//       "x2"
//     ]
//   },
//   {
//     "name": "c",
//     "value": 3.3,
//     "res": [
//       "x2"
//     ]
//   },
//   {
//     "name": "d",
//     "value": 4.4,
//     "res": [
//       "x2"
//     ]
//   },
//   {
//     "name": "e",
//     "value": 5.5
//   },
//   {
//     "name": "f",
//     "value": 6.6
//   }
// ]

let arr6 = [
    {
        name: 'a',
        value: 1.1,
    },
    {
        name: 'b',
        value: 2.2,
    },
    {
        name: 'c',
        value: 3.3,
    },
    {
        name: 'd',
        value: 4.4,
    },
    {
        name: 'e',
        value: 5.5,
    },
    {
        name: 'f',
        value: 6.6,
    },
]
let mm6 = [
    {
        min: 1.1,
        minType: '>',
        max: 2.2,
        maxType: '<=',
    },
    {
        min: 2.2,
        minType: '>=',
        max: 5.5,
        maxType: '<',
    },
]
console.log(JSON.stringify(arrLookupByMaxmin(arr6, mm6), null, 2))
// => [
//   {
//     "name": "a",
//     "value": 1.1
//   },
//   {
//     "name": "b",
//     "value": 2.2,
//     "items": [
//       {
//         "min": 1.1,
//         "minType": ">",
//         "max": 2.2,
//         "maxType": "<="
//       },
//       {
//         "min": 2.2,
//         "minType": ">=",
//         "max": 5.5,
//         "maxType": "<"
//       }
//     ]
//   },
//   {
//     "name": "c",
//     "value": 3.3,
//     "items": [
//       {
//         "min": 2.2,
//         "minType": ">=",
//         "max": 5.5,
//         "maxType": "<"
//       }
//     ]
//   },
//   {
//     "name": "d",
//     "value": 4.4,
//     "items": [
//       {
//         "min": 2.2,
//         "minType": ">=",
//         "max": 5.5,
//         "maxType": "<"
//       }
//     ]
//   },
//   {
//     "name": "e",
//     "value": 5.5
//   },
//   {
//     "name": "f",
//     "value": 6.6
//   }
// ]
Parameters:
Name Type Attributes Default Description
arr Array

輸入要被切割的陣列,需為物件陣列,否則無法添加查找結果

maxmins Array

輸入要切分的最大最小值物件陣列,每個元素需為物件,至少得要包含keyMax與keyMin欄位

opt Object <optional>
{}

輸入設定物件

Properties
Name Type Attributes Default Description
keyMax String <optional>
'max'

輸入maxmins內各元素中,儲存最大值欄位字串,預設'max'

keyMin String <optional>
'min'

輸入maxmins內各元素中,儲存最小值欄位字串,預設'min'

keyValue String <optional>
'value'

輸入arr內各元素中,若為物件,則儲存欲判斷數值之欄位字串,預設'value'

keyItems String <optional>
'items'

輸入回傳arr物件陣列中,儲存所屬maxmins元素之欄位字串,預設'items'

beforeAddResult function <optional>
null

輸入儲存至arr物件陣列前的處理函數,預設null

Returns:

回傳切割後的陣列

Type
Array

(static) arrMax(vall, optopt) → {Number|Object}

Description:
  • 找尋陣列內元素最大值

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = arrMax([100000, 1, 30, 4, 21])
console.log(r)
// => 100000

r = arrMax([1, 30, 4, 21, 100000])
console.log(r)
// => 100000

r = arrMax([1, 30, 4, 100000, 21])
console.log(r)
// => 100000

r = arrMax([1, 30, 4, 100000, 21], { returnIndex: true })
console.log(r)
// => 3

r = arrMax(['March', 'Jan', 'Feb', 'Dec'])
console.log(r)
// => null

r = arrMax(['1', '30', '  4  ', '100000', '21'])
console.log(r)
// => 100000

r = arrMax(['1', '30', '  4  ', '100000', 21])
console.log(r)
// => 100000

r = arrMax(['a1', 'b30', '  4  ', '100000', 21])
console.log(r)
// => 100000

r = arrMax(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 'i' }
)
console.log(r)
// => { s: 'Feb', i: 100000 }

r = arrMax(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 's' }
)
console.log(r)
// => null

r = arrMax(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 'i', returnIndex: true }
)
console.log(r)
// => 2
Parameters:
Name Type Attributes Default Description
vall Array

輸入原始陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
returnIndex Boolean <optional>
false

輸入是否回傳排序指標陣列布林值,預設false

compareKey String <optional>
null

輸入當vall為物件陣列時,指定取compareKey欄位出來排序,compareKey需為有效字串,預設null

Returns:

回傳最大值數字或判斷具有最大值之物件

Type
Number | Object

(static) arrMin(vall, optopt) → {Number|Object}

Description:
  • 找尋陣列內元素最小值

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = arrMin([100000, 1, 30, 4, 21])
console.log(r)
// => 1

r = arrMin([1, 30, 4, 21, 100000])
console.log(r)
// => 1

r = arrMin([1, 30, 4, 100000, 21])
console.log(r)
// => 1

r = arrMin([1, 30, 4, 100000, 21], { returnIndex: true })
console.log(r)
// => 0

r = arrMin(['March', 'Jan', 'Feb', 'Dec'])
console.log(r)
// => null

r = arrMin(['1', '30', '  4  ', '100000', '21'])
console.log(r)
// => 1

r = arrMin(['1', '30', '  4  ', '100000', 21])
console.log(r)
// => 1

r = arrMin(['a1', 'b30', '  4  ', '100000', 21])
console.log(r)
// => 4

r = arrMin(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 'i' }
)
console.log(r)
// => { s: 'March', i: 1 }

r = arrMin(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 's' }
)
console.log(r)
// => null

r = arrMin(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 'a25' }],
    { compareKey: 'i', returnIndex: true }
)
console.log(r)
// => 0
Parameters:
Name Type Attributes Default Description
vall Array

輸入原始陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
returnIndex Boolean <optional>
false

輸入是否回傳排序指標陣列布林值,預設false

compareKey String <optional>
null

輸入當vall為物件陣列時,指定取compareKey欄位出來排序,compareKey需為有效字串,預設null

Returns:

回傳最小值數字或判斷具有最小值之物件

Type
Number | Object

(static) arrMulti(arguments) → {Array}

Description:
  • 各陣列同位置元素相乘

    Unit Test: Github

Source:
Example
Try in Codepen
let v1 = [1, 2, 3, 4]
let v2 = [0.1, 0.1, 0.1, 0.1]
let v3 = [11, 22, 33, 44]

console.log(arrMulti(v1, v2))
// => [ 0.1, 0.2, 0.30000000000000004, 0.4 ]

console.log(arrMulti(v1, v2, v3))
// => [ 1.1, 4.4, 9.900000000000002, 17.6 ]
Parameters:
Name Type Description
arguments Array

輸入n個陣列,需同長度,其內元素皆會轉為浮點數,各陣列針對各元素進行相加總

Returns:

回傳各元素相加後陣列

Type
Array

(static) arrNorm(vec) → {Array}

Description:
  • 陣列Norm值,代表由各元素平方值相加開根號

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrNorm([1, 2, 3, 4]))
// => 5.477225575051661

console.log(arrNorm([0.1, 0.1, 0.1, 0.1]))
// => 0.2

console.log(arrNorm([11, 22, 33, 44]))
// => 60.249481325568276
Parameters:
Name Type Description
vec Array

輸入要被累加計算的陣列

Returns:

回傳各元素累加後之陣列

Type
Array

(static) arrProduct(arguments) → {Array}

Description:
  • 各陣列同位置元素相乘並加總

    Unit Test: Github

Source:
Example
Try in Codepen
let v1 = [1, 2, 3, 4]
let v2 = [0.1, 0.1, 0.1, 0.1]
let v3 = [11, 22, 33, 44]

console.log(arrProduct(v1, v2))
// => 1

console.log(arrProduct(v1, v2, v3))
// => 33
Parameters:
Name Type Description
arguments Array

輸入n個陣列,需同長度,其內元素皆會轉為浮點數,各陣列針對各元素進行相加總

Returns:

回傳各元素相加後陣列

Type
Array

(static) arrPull(vsrc, vpull) → {Array}

Description:
  • 針對陣列移除元素或陣列內全部元素

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrPull([1, 2, 3, 4, 5, 'abc'], [1, 4]))
// => [ 2, 3, 5, 'abc' ]

console.log(arrPull([1, 2, 3, '4', 5, 'abc'], [1, 4]))
// => [ 2, 3, '4', 5, 'abc' ]

console.log(arrPull([1, 2, 3, '4', 5, 'abc'], [6, 7]))
// => [ 1, 2, 3, '4', 5, 'abc' ]
Parameters:
Name Type Description
vsrc Array

輸入原始陣列

vpull Array | Object | Number | String | Boolean

輸入要被移除的元素或陣列

Returns:

回傳移除後陣列

Type
Array

(static) arrPullAt(vsrc, vpull) → {Array}

Description:
  • 針對陣列移除指定位置或陣列的指定位置

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrPullAt([1, 2, 3, 4, 5, 'abc'], [0, 2]))
// => [ 2, 4, 5, 'abc' ]

console.log(arrPullAt([1, 2, 3, '4', 5, 'abc'], [1, 3]))
// => [ 1, 3, 5, 'abc' ]

console.log(arrPullAt([1, 2, 3, '4', 5, 'abc'], [4, 7]))
// => [ 1, 2, 3, '4', 'abc' ]
Parameters:
Name Type Description
vsrc Array

輸入原始陣列

vpull Array | Integer

輸入要被移除的指定位置或陣列的指定位置

Returns:

回傳移除後陣列

Type
Array

(static) arrReduce(vall, fun, optopt) → {Number|Object}

Description:
  • 找尋陣列內元素指定值

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = arrReduce([100000, 1, 30, 4, 21], (vTemp, vNow) => {
    if (vTemp === null) {
        return vNow
    }
    return Math.min(vTemp, vNow)
})
console.log(r)
// => 1

r = arrReduce([1, 30, 4, 21, 100000], (vTemp, vNow) => {
    if (vTemp === null) {
        return vNow
    }
    return Math.max(vTemp, vNow)
})
console.log(r)
// => 100000

r = arrReduce([1, 30, 4, 100000, 21], (vTemp, vNow) => {
    if (vTemp === null) {
        return vNow
    }
    return Math.max(vTemp, vNow)
}, { returnIndex: true })
console.log(r)
// => 3

r = arrReduce(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 25, }],
    (vTemp, vNow) => {
        if (vTemp === null) {
            return vNow.i
        }
        return Math.min(vTemp, vNow.i)
    },
)
console.log(r)
// => 1

r = arrReduce(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 25, }],
    (vTemp, vNow) => {
        if (vTemp === null) {
            return vNow
        }
        return vTemp.i < vNow.i ? vNow : vTemp //max
    },
)
console.log(r)
// => { s: 'Feb', i: 100000 }

r = arrReduce(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }, { s: 'Nov', i: 25, }],
    (vTemp, vNow) => {
        if (vTemp === null) {
            return vNow
        }
        return vTemp.i < vNow.i ? vNow : vTemp //max
    },
    { returnIndex: true }
)
console.log(r)
// => 2
Parameters:
Name Type Attributes Default Description
vall Array

輸入原始陣列

fun function

輸入處理與比對函數,輸入參數為全域暫存值與現在提取值,函數比對完須回傳新的全域暫存值

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
returnIndex Boolean <optional>
false

輸入是否回傳排序指標陣列布林值,預設false

Returns:

回傳指定值數字或判斷具有指定值之物件

Type
Number | Object

(static) arrReverse(vsrc) → {Array}

Description:
  • 反序排列陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(arrReverse([1, 2, 3, 4, 5, 'abc']))
// => [ 'abc', 5, 4, 3, 2, 1 ]

console.log(arrReverse([1, 2, 3, '4', 5, 'abc']))
// => [ 'abc', 5, '4', 3, 2, 1 ]
Parameters:
Name Type Description
vsrc Array

輸入原始陣列

Returns:

回傳移除後陣列

Type
Array

(static) arrSep(arr, num) → {Array}

Description:
  • 依照指定數量切分陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let arr = ['a', 123, 'xyz', 5.678, null, 'd', [], { x: 'x1', y: 'y1' }]

console.log(arrSep(arr, 2))
// => [
//   [ 'a', 123 ],
//   [ 'xyz', 5.678 ],
//   [ null, 'd' ],
//   [ [], { x: 'x1', y: 'y1' } ]
// ]

console.log(arrSep(arr, 3))
// => [
//   [ 'a', 123, 'xyz' ],
//   [ 5.678, null, 'd' ],
//   [ [], { x: 'x1', y: 'y1' } ]
// ]
Parameters:
Name Type Description
arr Array

輸入要被切割的陣列

num Integer | Object

輸入要切分數量的正整數或設定物件,可給予鍵'numCount'或'numGroup'而對應值皆為正整數,numCount代表原本num表示每個切割後群組內所擁有的元素數量上限,numGroup代表欲切割成幾個群組數量

Returns:

回傳切割後的陣列

Type
Array

(static) arrSort(vall, optopt) → {Array}

Description:
  • 排序vall陣列,可針對純數字、純字串、含固定開頭字元的數字字串、物件陣列進行排列

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = arrSort([1, 30, 4, 21, 100000])
console.log(r)
// => [ 1, 4, 21, 30, 100000 ]

r = arrSort([1, 30, 4, 21, 100000], { returnIndex: true })
console.log(r)
// => [ 0, 2, 3, 1, 4 ]

r = arrSort(['March', 'Jan', 'Feb', 'Dec'])
console.log(r)
// => [ 'Dec', 'Feb', 'Jan', 'March' ]

r = arrSort(['1', '30', '  4  ', '21', '100000'])
console.log(r)
// => [ '1', '  4  ', '21', '30', '100000' ]

r = arrSort(['1', '30', '  4  ', 21, '100000'])
console.log(r)
// => [ '1', '  4  ', 21, '30', '100000' ]

r = arrSort([1, 2, 'abc', 5, 3, '4'])
console.log(r)
// => [ 1, 2, 3, '4', 5, 'abc' ]

r = arrSort(['abc1', 'abc30', 'abc4', 'abc21', 'abc100000'])
console.log(r)
// => [ 'abc1', 'abc4', 'abc21', 'abc30', 'abc100000' ]

r = arrSort(['1a', '30c', '  4 abc ', 'xyz', '21d', '100000xy'])
console.log(r)
// => [ '  4 abc ', '100000xy', '1a', '21d', '30c', 'xyz' ]

r = arrSort(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }],
    { compareKey: 'i' }
)
console.log(r)
// => [
//   { s: 'March', i: 1 },
//   { s: 'Jan', i: 4 },
//   { s: 'Dec', i: 30 },
//   { s: 'Feb', i: 100000 }
// ]

r = arrSort(
    [{ s: 'March', i: 1 }, { s: 'Jan', i: 4 }, { s: 'Feb', i: 100000 }, { s: 'Dec', i: 30 }],
    { compareKey: 's' }
)
console.log(r)
// => [
//   { s: 'Dec', i: 30 },
//   { s: 'Feb', i: 100000 },
//   { s: 'Jan', i: 4 },
//   { s: 'March', i: 1 }
// ]

r = arrSort(
    [{ s: 'abc1', i: 1, }, { s: 'abc', i: -1, }, { s: 'abc30', i: 4, }, { s: 'abc4', i: 100000, }, { s: 'abc100000', i: 30, }],
    { compareKey: 's' }
)
console.log(r)
// => [
//   { s: 'abc', i: -1 },
//   { s: 'abc1', i: 1 },
//   { s: 'abc100000', i: 30 },
//   { s: 'abc30', i: 4 },
//   { s: 'abc4', i: 100000 }
// ]

r = arrSort(
    [{ s: 'abc1', i: 1, }, { s: 'abc', i: -1, }, { s: 'abc30', i: 4, }, { s: 'abc4', i: 100000, }, { s: 'abc100000', i: 30, }],
    { compareKey: 's', localeCompare: true }
)
console.log(r)
// => [
//   { s: 'abc', i: -1 },
//   { s: 'abc1', i: 1 },
//   { s: 'abc4', i: 100000 },
//   { s: 'abc30', i: 4 },
//   { s: 'abc100000', i: 30 }
// ]

r = arrSort(
    [{ s: '中文1', i: 1, }, { s: '中文', i: -1, }, { s: '中文30', i: 4, }, { s: '中文4', i: 100000, }, { s: '中文100000', i: 30, }],
    { compareKey: 's', localeCompare: true }
)
console.log(r)
// => [
//   { s: '中文', i: -1 },
//   { s: '中文1', i: 1 },
//   { s: '中文4', i: 100000 },
//   { s: '中文30', i: 4 },
//   { s: '中文100000', i: 30 }
// ]

r = arrSort(
    [{ s: 'xyz.txt', i: 100, }, { s: 'abc1.txt', i: 1, }, { s: 'abc.txt', i: -1, }, { s: 'abc', i: -2, }, { s: 'abc30.txt', i: 4, }, { s: 'abc4.txt', i: 100000, }, { s: 'abc100000.txt', i: 30, }],
    { compareKey: 's', localeCompare: true }
)
console.log(r)
// => [
//   { s: 'abc', i: -2 },
//   { s: 'abc.txt', i: -1 },
//   { s: 'abc1.txt', i: 1 },
//   { s: 'abc4.txt', i: 100000 },
//   { s: 'abc30.txt', i: 4 },
//   { s: 'abc100000.txt', i: 30 },
//   { s: 'xyz.txt', i: 100 }
// ]
Parameters:
Name Type Attributes Default Description
vall Array

輸入要被提取的任意資料陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
localeCompare Boolean <optional>
false

輸入是否使用localeCompare排序布林值,預設false

returnIndex Boolean <optional>
false

輸入是否回傳排序指標陣列布林值,預設false

compareKey String <optional>
null

輸入當vall為物件陣列時,指定取compareKey欄位出來排序,compareKey需為有效字串,預設null

Returns:

回傳排序後陣列或指標陣列

Type
Array

(static) asind(v) → {Number}

Description:
  • 輸入浮點數計算asin角度值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(asind(0))
// => 0

console.log(asind(0.5))
// => 30.000000000000004

console.log(asind(0.7071067811865475))
// => 44.99999999999999

console.log(asind(0.8660254037844386))
// => 59.99999999999999

console.log(asind(1))
// => 90

console.log(asind(-0.5))
// => -30.000000000000004

console.log(asind(-0.7071067811865475))
// => -44.99999999999999

console.log(asind(-0.8660254037844386))
// => -59.99999999999999

console.log(asind(-1))
// => -90
Parameters:
Name Type Description
v Number | String

輸入數字或字串

Returns:

回傳asin角度值

Type
Number

(static) atan2d(x, y) → {Number}

Description:
  • 輸入浮點數x,y計算atan2角度值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(atan2d(1, 0))
// => 0

console.log(atan2d(1, 0.5))
// => 26.56505117707799

console.log(atan2d(1, 0.7071067811865475))
// => 35.264389682754654

console.log(atan2d(1, 0.8660254037844386))
// => 40.89339464913091

console.log(atan2d(1, 1))
// => 45

console.log(atan2d(1, 1.7320508075688767))
// => 59.99999999999999

console.log(atan2d(1, Infinity))
// => 90

console.log(atan2d(1, -0.5))
// => -26.56505117707799

console.log(atan2d(1, -0.7071067811865475))
// => -35.264389682754654

console.log(atan2d(1, -0.8660254037844386))
// => -40.89339464913091

console.log(atan2d(1, -1))
// => -45

console.log(atan2d(1, -1.7320508075688767))
// => -59.99999999999999

console.log(atan2d(1, -Infinity))
// => -90
Parameters:
Name Type Description
x Number | String

輸入點x座標之數字或字串

y Number | String

輸入點y座標之數字或字串

Returns:

回傳atan2角度值

Type
Number

(static) atand(v) → {Number}

Description:
  • 輸入浮點數計算atan角度值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(atand(0))
// => 0

console.log(atand(0.5))
// => 26.56505117707799

console.log(atand(0.7071067811865475))
// => 35.264389682754654

console.log(atand(0.8660254037844386))
// => 40.89339464913091

console.log(atand(1))
// => 45

console.log(atand(1.7320508075688767))
// => 59.99999999999999

console.log(atand(Infinity))
// => 90

console.log(atand(-0.5))
// => -26.56505117707799

console.log(atand(-0.7071067811865475))
// => -35.264389682754654

console.log(atand(-0.8660254037844386))
// => -40.89339464913091

console.log(atand(-1))
// => -45

console.log(atand(-1.7320508075688767))
// => -59.99999999999999

console.log(atand(-Infinity))
// => -90
Parameters:
Name Type Description
v Number | String

輸入數字或字串

Returns:

回傳atan角度值

Type
Number

(static) attstr() → {Object}

Description:
  • 屬性字串處理

    Unit Test: Github

Source:
Example
Try in Codepen
let c
let c1
let c2
let r

let at = attstr({ uniqItems: true })

//parse
console.log('parse')

c = 'abc123'
r = at.parse(c)
console.log(r)
// => [ 'abc123' ]

c = 'abc123;abc123'
r = at.parse(c)
console.log(r)
// => [ 'abc123' ]

c = 'abc123;def456'
r = at.parse(c)
console.log(r)
// => [ 'abc123', 'def456' ]

c = 'abc@123'
r = at.parse(c)
console.log(r)
// => [ { item: 'abc@123', table: 'abc', id: '123' } ]

c = 'abc@123;abc@123'
r = at.parse(c)
console.log(r)
// => [ { item: 'abc@123', table: 'abc', id: '123' } ]

c = 'abc@123;def@456'
r = at.parse(c)
console.log(r)
// => [
//   { item: 'abc@123', table: 'abc', id: '123' },
//   { item: 'def@456', table: 'def', id: '456' }
// ]

c = ''
r = at.parse(c)
console.log(r)
// => []

//join
console.log('join')

c = ['abc123']
r = at.join(c)
console.log(r)
// => 'abc123'

c = ['abc123', 'def456']
r = at.join(c)
console.log(r)
// => 'abc123;def456'

c = ['abc@123']
r = at.join(c)
console.log(r)
// => 'abc@123'

c = ['abc@123', 'def@456']
r = at.join(c)
console.log(r)
// => 'abc@123;def@456'

c = [{ table: 'abc', id: '123' }, { table: 'def', id: '456' }]
r = at.join(c)
console.log(r)
// => 'abc@123;def@456'

c = []
r = at.join(c)
console.log(r)
// => ''

//add
console.log('add')

c1 = 'abc123'
c2 = 'def456'
r = at.add(c1, c2)
console.log(r)
// => abc123;def456

c1 = 'abc123'
c2 = 'def456;ghi789'
r = at.add(c1, c2)
console.log(r)
// => abc123;def456;ghi789

c1 = 'abc123'
c2 = 'abc123'
r = at.add(c1, c2)
console.log(r)
// => abc123

c1 = 'abc123'
c2 = 'abc123;def456'
r = at.add(c1, c2)
console.log(r)
// => abc123;def456

c1 = 'abc123;ghi789'
c2 = 'abc123;def456'
r = at.add(c1, c2)
console.log(r)
// => abc123;ghi789;def456

c1 = ''
c2 = 'abc123'
r = at.add(c1, c2)
console.log(r)
// => abc123

c1 = ''
c2 = 'abc123;def456'
r = at.add(c1, c2)
console.log(r)
// => abc123;def456

c1 = 'abc@123'
c2 = 'def@456'
r = at.add(c1, c2)
console.log(r)
// => abc@123;def@456

c1 = 'abc@123'
c2 = 'def@456;ghi@789'
r = at.add(c1, c2)
console.log(r)
// => abc@123;def@456;ghi@789

c1 = 'abc@123;ghi@789'
c2 = 'abc@123;def@456'
r = at.add(c1, c2)
console.log(r)
// => abc@123;ghi@789;def@456

c1 = ''
c2 = 'abc@123'
r = at.add(c1, c2)
console.log(r)
// => abc@123

c1 = ''
c2 = 'abc@123;def@456'
r = at.add(c1, c2)
console.log(r)
// => abc@123;def@456

//remove
console.log('remove')

c1 = 'abc123'
c2 = 'abc123'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = 'abc123;def456'
c2 = 'abc123'
r = at.remove(c1, c2)
console.log(r)
// => def456

c1 = 'abc123'
c2 = 'def456'
r = at.remove(c1, c2)
console.log(r)
// => abc123

c1 = 'abc123'
c2 = 'ghi789;jkl012'
r = at.remove(c1, c2)
console.log(r)
// => abc123

c1 = 'abc123'
c2 = 'abc123;jkl012'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = 'abc123;def456'
c2 = 'ghi789;jkl012'
r = at.remove(c1, c2)
console.log(r)
// => abc123;def456

c1 = 'abc123;def456'
c2 = 'def456;jkl012'
r = at.remove(c1, c2)
console.log(r)
// => abc123

c1 = ''
c2 = 'ghi789'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = ''
c2 = 'ghi789;jkl012'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = 'abc@123'
c2 = 'abc@123'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = 'abc@123;def@456'
c2 = 'abc@123'
r = at.remove(c1, c2)
console.log(r)
// => def@456

c1 = 'abc@123'
c2 = 'def@456'
r = at.remove(c1, c2)
console.log(r)
// => abc@123

c1 = 'abc@123'
c2 = 'ghi@789;jkl@012'
r = at.remove(c1, c2)
console.log(r)
// => abc@123

c1 = 'abc@123'
c2 = 'abc@123;jkl@012'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = 'abc@123;def@456'
c2 = 'ghi@789;jkl@012'
r = at.remove(c1, c2)
console.log(r)
// => abc@123;def@456

c1 = 'abc@123;def@456'
c2 = 'def@456;jkl@012'
r = at.remove(c1, c2)
console.log(r)
// => abc@123

c1 = ''
c2 = 'ghi@789'
r = at.remove(c1, c2)
console.log(r)
// => ''

c1 = ''
c2 = 'ghi@789;jkl@012'
r = at.remove(c1, c2)
console.log(r)
// => ''

let at2 = attstr({ uniqItems: true, dlmItem: ',', dlmSep: '|' })

c = 'x1|abc@123|def@456,x2|ghi@789'
r = at2.parse(c)
console.log(r)
// => [
//   { item: 'x1|abc@123|def@456', table: 'x1', id: ['abc@123','def@456'] },
//   { item: 'x2|ghi@789', table: 'x2', id: 'ghi@789' }
// ]

let at3 = attstr({ uniqItems: true, dlmItem: ',', dlmSep: '|', keyTable: 'name', keyId: 'emails' })

c = 'x1|abc@123|def@456,x2|ghi@789'
r = at3.parse(c)
console.log(r)
// => [
//   { item: 'x1|abc@123|def@456', name: 'x1', emails: ['abc@123','def@456'] },
//   { item: 'x2|ghi@789', name: 'x2', emails: 'ghi@789' }
// ]

let at4 = attstr({ uniqItems: false })

c = ['abc@123', 'abc@123', 'def@456']
r = at4.join(c)
console.log(r)
// => 'abc@123;abc@123;def@456'

c = [{ table: 'abc', id: '123' }, { table: 'def', id: '456' }, { table: 'def', id: '456' }]
r = at4.join(c)
console.log(r)
// => 'abc@123;def@456;def@456'


c1 = 'abc123;ghi789'
c2 = 'abc123;def456'
r = at4.add(c1, c2)
console.log(r)
// => abc123;ghi789;abc123;def456

c1 = 'abc@123;ghi@789'
c2 = 'abc@123;def@456'
r = at4.add(c1, c2)
console.log(r)
// => abc@123;ghi@789;abc@123;def@456
Returns:

回傳attstr物件,提供parse、join、remove、add共4種處理函數

Type
Object

(static) b642obj(b64) → {*}

Description:
  • base64字串轉物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(b642obj('WzEsIjMiLCJhYmMiXQ=='))
// => [1, '3', 'abc']
Parameters:
Name Type Description
b64 String

輸入base64字串

Returns:

回傳任意物件

Type
*

(static) b642str(b64) → {String}

Description:
  • base64字串轉一般字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(b642str('dGVzdOS4reaWhw=='))
// => 'test中文'
Parameters:
Name Type Description
b64 String

輸入base64字串

Returns:

回傳一般字串

Type
String

(static) b642u16arr(b64) → {Uint16Array}

Description:
  • base64字串轉Uint16Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(b642u16arr('AQItAA=='))
// => new Uint16Array([1, 2.3, '45', 'abc'])
Parameters:
Name Type Description
b64 String

輸入base64字串

Returns:

回傳Uint16Array

Type
Uint16Array

(static) b642u8arr(b64) → {Uint8Array}

Description:
  • base64字串轉Uint8Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(b642u8arr('AQItAA=='))
// => new Uint8Array([1, 2.3, '45', 'abc'])
Parameters:
Name Type Description
b64 String

輸入base64字串

Returns:

回傳Uint8Array

Type
Uint8Array

(static) binstr(s, keys, mode) → {Boolean}

Description:
  • 判斷字串s是否「任一出現於、全部包含於」字串陣列keys內元素

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(binstr('1.25abc', 'ab'))
// => true
Parameters:
Name Type Default Description
s String

輸入要判斷的字串

keys Array | String

輸入字串陣列或字串

mode String anyone

輸入模式,可選'anyone'與'all',預設為'anyone'

Returns:

回傳判斷布林值

Type
Boolean

(static) blob2ab(bb) → {Promise}

Description:
  • 前端Blob或input檔案物件轉ArrayBuffer資料陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let bb = new Blob([new Uint8Array([66, 97, 115])])
blob2ab(b)
    .then(function(ab){
        console.log(ab)
        // => ArrayBuffer(3) {
        //     [[Int8Array]]: Int8Array(3) [66, 97, 115]
        //     [[Uint8Array]]: Uint8Array(3) [66, 97, 115]
        //     byteLength: 3
        // }
    })
Parameters:
Name Type Description
bb Blob | File

輸入Blob或File

Returns:

回傳Promise,resolve回傳Blob或File的ArrayBuffer資料陣列,reject回傳錯誤訊息

Type
Promise

(static) blob2b64(bb) → {Promise}

Description:
  • 前端Blob或input檔案物件轉Base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let b64 = 'YWJj5ris6Kmm'
let u8a = b642u8arr(b64)
let bb = new Blob([u8a])
blob2b64(bb)
    .then(function(b64Out){
        console.log(b64Out)
        // => data:application/octet-stream;base64,YWJj5ris6Kmm
    })
Parameters:
Name Type Description
bb Blob | File

輸入Blob或File

Returns:

回傳Promise,resolve回傳Blob或File的Base64字串,reject回傳錯誤訊息

Type
Promise

(static) blob2str(bb) → {Promise}

Description:
  • 前端Blob或input檔案物件轉字串

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let strIn = 'abc測試'
let b64 = str2b64(strIn)
let u8a = b642u8arr(b64)
let bb = new Blob([u8a])
blob2str(bb)
    .then(function(strOut){
        console.log(strOut)
        // => abc測試
    })
Parameters:
Name Type Description
bb Blob | File

輸入Blob或File

Returns:

回傳Promise,resolve回傳Blob或File的字串,reject回傳錯誤訊息

Type
Promise

(static) blob2u8arr(bb) → {Promise}

Description:
  • 前端Blob或input檔案物件轉Uint8Array資料陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let u8aIn = new Uint8Array([97, 98, 99, 230, 184, 172, 232, 169, 166])
let bb = new Blob([u8aIn])
blob2u8arr(bb)
    .then(function(u8aOut){
        console.log(u8aOut)
        // => Uint8Array(9) [97, 98, 99, 230, 184, 172, 232, 169, 166]
    })
Parameters:
Name Type Description
bb Blob | File

輸入Blob或File

Returns:

回傳Promise,resolve回傳Blob或File的Uint8Array資料陣列,reject回傳錯誤訊息

Type
Promise

(static) blobs2b64s(bbs) → {Promise}

Description:
  • 前端Blob或input檔案物件陣列,逐一轉為各檔案之Base64資料

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let b64 = 'YWJj5ris6Kmm'
let u8a = b642u8arr(b64)
let bb = new Blob([u8a])
let bbs = [bb]
blobs2b64s(bbs)
    .then(function(b64){
        console.log(b64)
        // => ["data:application/octet-stream;base64,YWJj5ris6Kmm"]
    })
Parameters:
Name Type Description
bbs Blob | File

輸入Blob或File陣列

Returns:

回傳Promise,resolve回傳各Blob或File的Base64資料,reject回傳錯誤訊息

Type
Promise

(static) blobs2u8arrs(bbs) → {Promise}

Description:
  • 前端Blob或input檔案物件陣列,逐一轉為各檔案之Uint8Array資料陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let u8a = new Uint8Array([97, 98, 99, 230, 184, 172, 232, 169, 166])
let bb = new Blob([u8a])
let bbs = [bb]
blobs2u8arrs(bbs)
    .then(function(u8as){
        console.log(u8as)
        // => [Uint8Array(9)]
        //      0: Uint8Array(9) [97, 98, 99, 230, 184, 172, 232, 169, 166]
        //      length: 1
    })
Parameters:
Name Type Description
bbs Blob | File

輸入Blob或File陣列

Returns:

回傳Promise,resolve回傳各Blob或File的Uint8Array資料陣列,reject回傳錯誤訊息

Type
Promise

(static) bodyLog(c)

Description:
  • 前端顯示log訊息,預設插入至body

    Unit Test: Github

Source:
Example
Try in Codepen
bodyLog('show訊息')
// => 由html顯示'show訊息'
Parameters:
Name Type Description
c String

輸入字串

(static) browserView(data, type)

Description:
  • 前端瀏覽器以分頁開啟指定數據如文字、圖片、影片、pdf等

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let text = 'abc'
browserView(u8a, 'text/plain')

let u8a = new Uint8Array([66, 97, 115])
browserView(u8a, 'application/pdf')
Parameters:
Name Type Description
data *

輸入數據

type String

輸入數據MIME Type字串,例如'application/pdf'或'text/plain'等,詳見[https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types]

(static) browserViewFromBlob(bb, type)

Description:
  • 前端瀏覽器以分頁開啟blob數據如文字、圖片、影片、pdf等

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let u8a = new Uint8Array([66, 97, 115])
let bb = new Blob([u8a])
browserView(bb, 'application/pdf')
Parameters:
Name Type Description
bb Blob

輸入blob數據

type String

輸入數據MIME Type字串,例如'application/pdf'或'text/plain'等,詳見[https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types]

(static) browserViewFromText(text)

Description:
  • 前端瀏覽器以分頁開啟文字資料

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let text = 'abc'
browserViewFromText(u8a)
Parameters:
Name Type Description
text String

輸入文字字串

(static) browserViewFromU8arr(u8a, type)

Description:
  • 前端瀏覽器以分頁開啟Uint8Array數據如文字、圖片、影片、pdf等

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let u8a = new Uint8Array([66, 97, 115])
browserView(u8a, 'application/pdf')
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array數據

type String

輸入數據MIME Type字串,例如'application/pdf'或'text/plain'等,詳見[https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types]

(static) bs2u8arr(bs) → {Unit8Array}

Description:
  • BinaryString轉Unit8Array,BinaryString為UTF-16編碼

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(bs2u8arr('abc'))
// => new Uint8Array([97, 98, 99])
Parameters:
Name Type Description
bs String

輸入BinaryString字串

Returns:

回傳Unit8Array資料

Type
Unit8Array

(static) bufRead(buffer, offset, isBE, mLen, nBytes) → {Number}

Description:
Source:
Example
Try in Codepen
let offset = 0
let isBE = true
let mLen = 52
let nBytes = 8
let b = new Uint8Array([66, 117, 16, 240, 246, 48, 64, 0]) //1447656645380
let j = bufRead(b, offset, isBE, mLen, nBytes)
console.log(j)
// => 1447656645380
Parameters:
Name Type Description
buffer Uint8Array | Buffer

輸入Uint8Array(Nodejs,Browser)或Buffer(Nodejs)資料

offset Integer

輸入平移整數

isBE Boolean

輸入是否為大端序Big-Endian

mLen Integer

輸入有效位數整數

nBytes Integer

輸入使用位元組整數

Returns:

回傳數字

Type
Number

(static) bufReadDbl(buffer, offsetopt, isBEopt, mLenopt, nBytesopt) → {Number}

Description:
  • 讀取Uint8Array(Nodejs,Browser)或Buffer(Nodejs)內的浮點數資料

    Unit Test: Github

Source:
Example
Try in Codepen
let b = new Uint8Array([66, 117, 16, 240, 246, 48, 64, 0]) //1447656645380
let j = bufReadDbl(b)
console.log(j)
// => 1447656645380
Parameters:
Name Type Attributes Default Description
buffer Uint8Array | Buffer

輸入Uint8Array(Nodejs,Browser)或Buffer(Nodejs)資料

offset Integer <optional>
0

輸入平移整數,預設0

isBE Boolean <optional>
true

輸入是否為大端序Big-Endian,預設true

mLen Integer <optional>
52

輸入有效位數整數,預設52

nBytes Integer <optional>
8

輸入使用位元組整數,預設8

Returns:

回傳數字

Type
Number

(static) bufWrite(value, buffer, offset, isBE, mLen, nBytes)

Description:
Source:
Example
Try in Codepen
let offset = 0
let isBE = true
let mLen = 52
let nBytes = 8

let i = 1447656645380 //new Uint8Array([66, 117, 16, 240, 246, 48, 64, 0])
let b = Buffer.alloc(8)
bufWrite(i, b, offset, isBE, mLen, nBytes)
console.log(b)
// >= <Buffer 42 75 10 f0 f6 30 40 00>
console.log(new Uint8Array(b))
// => Uint8Array [66, 117, 16, 240, 246, 48, 64, 0]
Parameters:
Name Type Description
value Number

輸入數字

buffer Uint8Array | Buffer

輸入被寫入的Uint8Array(Nodejs,Browser)或Buffer(Nodejs)資料

offset Integer

輸入平移整數

isBE Boolean

輸入是否為大端序Big-Endian

mLen Integer

輸入有效位數整數

nBytes Integer

輸入使用位元組整數

(static) bufWriteDbl(value, buffer, offsetopt, isBEopt, mLenopt, nBytesopt) → {Number}

Description:
  • 寫入Uint8Array(Nodejs,Browser)或Buffer(Nodejs)內的浮點數資料,需先依照nBytes宣告Uint8Array或Buffer空間

    Unit Test: Github

Source:
Example
Try in Codepen
let i = 1447656645380 //new Uint8Array([66, 117, 16, 240, 246, 48, 64, 0])
let b = Buffer.alloc(8)
bufWriteDbl(i, b)
console.log(b)
// >= <Buffer 42 75 10 f0 f6 30 40 00>
console.log(new Uint8Array(b))
// => Uint8Array [66, 117, 16, 240, 246, 48, 64, 0]
Parameters:
Name Type Attributes Default Description
value Number

輸入數字

buffer Uint8Array | Buffer

輸入Uint8Array(Nodejs,Browser)或Buffer(Nodejs)資料

offset Integer <optional>
0

輸入平移整數,預設0

isBE Boolean <optional>
true

輸入是否為大端序Big-Endian,預設true

mLen Integer <optional>
52

輸入有效位數整數,預設52

nBytes Integer <optional>
8

輸入使用位元組整數,預設8

Returns:

回傳數字

Type
Number

(static) cache() → {Object}

Description:
  • 非同步函數快取

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let oc = cache()

            // oc.on('message', function(msg) {
            //     console.log('message', msg)
            // })
            // oc.on('error', function(msg) {
            //     console.log('error', msg)
            // })

            let i = 0
            let j = 0
            function fun(v1, v2) {
                i++
                console.log('call fun, count=' + i)
                ms.push('call fun, count=' + i)
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        j++
                        ms.push(v1 + '|' + v2 + ', count=' + j)
                        resolve(v1 + '|' + v2 + ', count=' + j)
                    }, 300)
                })
            }

            oc.set('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 }) //快取1200ms, 但第1次執行就需要300ms, 故執行完畢後只會再保留800ms
            setTimeout(function() {
                //第1次呼叫, 此時沒有快取只能執行取值
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 1st', msg)
                        ms.push('fun 1st', msg)
                    })
            }, 1)
            setTimeout(function() {
                //第2次呼叫(50ms), 此時第1次呼叫還沒完成(要到300ms), 故get會偵測並等待, 偵測週期為1000ms, 下次偵測是1050ms, 此時第1次快取尚未過期(1200ms), 故1050ms取值時會拿到第1次快取(count=1)
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 2nd', msg)
                        ms.push('fun 2nd', msg)
                    })
            }, 50)
            setTimeout(function() {
                //第3次呼叫(250ms), 此時第1次呼叫還沒完成(要到300ms), 故get會偵測並等待, 偵測週期為1000ms, 下次偵測是1250ms, 此時第1次快取已過期(1200ms), 故1250ms取值時會重新執行取值(count=2)
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 3rd', msg)
                        ms.push('fun 3rd', msg)
                    })
            }, 250)
            setTimeout(function() {
                //第4次呼叫(500ms), 此時第1次呼叫已結束(300ms), 且第1次快取(count=1)未過期(要到1200ms), 故get可拿到第1次計算的快取(count=1)
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 4th', msg)
                        ms.push('fun 4th', msg)
                    })
            }, 500)
            setTimeout(function() {
                //第5次呼叫(1300ms), 此時第1次快取(count=1)已過期(1200ms), 但第3次已重新執行取值(1250~1550ms執行, 2450ms過期), 故get會偵測並等待, 偵測週期為1000ms, 下次偵測是2300ms, 且此時第3次所得快取(count=2)尚未過期(2450ms), 此時就會拿到第3次所得快取(count=2)
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 5th', msg)
                        ms.push('fun 5th', msg)
                    })
            }, 1300)
            setTimeout(function() {
                //第6次呼叫(1600ms), 此時第3次所得快取(count=2)還在有效期(1550ms執行結束, 2450ms過期), 故get會拿到第3次所得快取(count=2)
                oc.get('fun')
                    .then(function(msg) {
                        console.log('fun 6th', msg)
                        ms.push('fun 6th', msg)
                    })
            }, 1600)

            setTimeout(function() {
                resolve(ms)
            }, 2400)

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // call fun, count=1
    // fun 1st inp1|inp2, count=1
    // fun 4th inp1|inp2, count=1
    // fun 2nd inp1|inp2, count=1
    // call fun, count=2
    // fun 3rd inp1|inp2, count=2
    // fun 6th inp1|inp2, count=2
    // fun 5th inp1|inp2, count=2
    // ["call fun, count=1","inp1|inp2, count=1","fun 1st","inp1|inp2, count=1","fun 4th","inp1|inp2, count=1","fun 2nd","inp1|inp2, count=1","call fun, count=2","inp1|inp2, count=2","fun 3rd","inp1|inp2, count=2","fun 6th","inp1|inp2, count=2","fun 5th","inp1|inp2, count=2"]

    function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            let oc = cache()

            // oc.on('message', function(msg) {
            //     console.log('message', msg)
            // })
            // oc.on('error', function(msg) {
            //     console.log('error', msg)
            // })

            let i = 0
            let j = 0
            function fun(v1, v2) {
                i++
                console.log('call fun, count=' + i)
                ms.push('call fun, count=' + i)
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        j++
                        ms.push(v1 + '|' + v2 + ', count=' + j)
                        resolve(v1 + '|' + v2 + ', count=' + j)
                    }, 300)
                })
            }

            oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 }) //快取1200ms, 但第1次執行就需要300ms, 故執行完畢後只會再保留800ms
            setTimeout(function() {
                //第1次呼叫, 此時沒有快取只能執行取值, 因偵測週期為1000ms故得要1001ms才會回應, 會取得第1次結果(count=1)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 })
                    .then(function(msg) {
                        console.log('fun 1st', msg)
                        ms.push('fun 1st', msg)
                    })
            }, 1)
            setTimeout(function() {
                //第2次呼叫, 此時執行中會等待, 因偵測週期為1000ms, 故得等到下次偵測1100ms才會回應, 此時會取得第1次結果(count=1)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 })
                    .then(function(msg) {
                        console.log('fun 2nd', msg)
                        ms.push('fun 2nd', msg)
                    })
            }, 100)
            setTimeout(function() {
                //第3次呼叫, 此時已有快取, 故此時500ms就會先回應, 會取得第1次結果(count=1)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 })
                    .then(function(msg) {
                        console.log('fun 3rd', msg)
                        ms.push('fun 3rd', msg)
                    })
            }, 500)
            setTimeout(function() {
                //第4次呼叫, 此時第1次快取(count=1)已失效, 會重新呼叫函數取值, 取得第2次結果(count=2)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1200 })
                    .then(function(msg) {
                        console.log('fun 4th', msg)
                        ms.push('fun 4th', msg)
                    })
            }, 1300)

            setTimeout(function() {
                resolve(ms)
            }, 1700)

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // call fun, count=1
    // fun 3rd inp1|inp2, count=1
    // fun 1st inp1|inp2, count=1
    // fun 2nd inp1|inp2, count=1
    // call fun, count=2
    // fun 4th inp1|inp2, count=2
    // ["call fun, count=1","inp1|inp2, count=1","fun 3rd","inp1|inp2, count=1","fun 1st","inp1|inp2, count=1","fun 2nd","inp1|inp2, count=1","call fun, count=2","inp1|inp2, count=2","fun 4th","inp1|inp2, count=2"]

    function test3() {
        return new Promise((resolve, reject) => {
            let ms = []

            let oc = cache()

            // oc.on('message', function(msg) {
            //     console.log('message', msg)
            // })
            // oc.on('error', function(msg) {
            //     console.log('error', msg)
            // })

            let i = 0
            let j = 0
            function fun(v1, v2) {
                i++
                console.log('call fun, count=' + i)
                ms.push('call fun, count=' + i)
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        j++
                        ms.push(v1 + '|' + v2 + ', count=' + j)
                        resolve(v1 + '|' + v2 + ', count=' + j)
                    }, 300)
                })
            }

            oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 }) //快取1500ms, 但第1次執行就需要300ms, 故執行完畢後只會再保留800ms
            setTimeout(function() {
                //第1次呼叫(延遲1ms), 此時沒有快取只能執行取值, 因偵測週期為1000ms故得要1001ms才會回應, 回應時為被強制更新(1100ms)之前, 會取得第1次結果(count=1)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 })
                    .then(function(msg) {
                        console.log('fun 1st', msg)
                        ms.push('fun 1st', msg)
                    })
            }, 1)
            setTimeout(function() {
                //第2次呼叫(延遲200ms), 此時執行中會等待, 因偵測週期為1000ms, 故得等到下次偵測1200ms才會回應, 回應時為被強制更新(1100ms)之後, 此時會取得被強制更新的結果(abc)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 })
                    .then(function(msg) {
                        console.log('fun 2nd', msg)
                        ms.push('fun 2nd', msg)
                    })
            }, 200)
            setTimeout(function() {
                //第3次呼叫, 此時已有快取, 故此時500ms就會先回應, 會取得第1次結果(count=1)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 })
                    .then(function(msg) {
                        console.log('fun 3rd', msg)
                        ms.push('fun 3rd', msg)
                    })
            }, 500)
            setTimeout(function() {
                //更新快取值(延遲1100ms), 快取值為abc, 快取時間也被更新至此時, 故會重新計算1500ms才會失效
                oc.update('fun', 'abc')
                console.log('fun update', 'abc')
                ms.push('fun update', 'abc')
            }, 1100)
            setTimeout(function() {
                //第4次呼叫(延遲1300ms), 此時會取得被強制更新之快取值(abc), 快取還剩1300ms才失效(也就是在2600ms失效)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 })
                    .then(function(msg) {
                        console.log('fun 4th', msg)
                        ms.push('fun 4th', msg)
                    })
            }, 1300)
            setTimeout(function() {
                //第5次呼叫(延遲2700ms), 此時被強制更新之快取值(abc)已失效, 會重新呼叫函數取值, 取得第2次結果(count=2)
                oc.getProxy('fun', { fun, inputs: ['inp1', 'inp2'], timeExpired: 1500 })
                    .then(function(msg) {
                        console.log('fun 5th', msg)
                        ms.push('fun 5th', msg)
                    })
            }, 2700)

            setTimeout(function() {
                resolve(ms)
            }, 3100)

        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // call fun, count=1
    // fun 3rd inp1|inp2, count=1
    // fun 1st inp1|inp2, count=1
    // fun update abc
    // fun 2nd abc
    // fun 4th abc
    // call fun, count=2
    // fun 5th inp1|inp2, count=2
    // ["call fun, count=1","inp1|inp2, count=1","fun 3rd","inp1|inp2, count=1","fun 1st","inp1|inp2, count=1","fun update","abc","fun 2nd","abc","fun 4th","abc","call fun, count=2","inp1|inp2, count=2","fun 5th","inp1|inp2, count=2"]

}
topAsync().catch(() => {})
Returns:

回傳事件物件,可呼叫事件on、set、get、getProxy、clear、remove。on為監聽事件,需自行監聽message與error事件。set為加入待執行函數,函數結束回傳欲快取的值,set傳入參數依序為key與快取物件,key為唯一識別字串,可使用函數加上輸入參數作為key,因考慮輸入參數可能為大量數據會有效能問題,由開發者自行決定key,而快取物件需設定欄位fun為待執行的非同步函數、inputs為待執行函數fun的傳入參數組、timeExpired為過期時間整數,單位ms,預設5000。get為依照key取得目前快取值。getProxy為合併set與get功能,直接set註冊待執行函數與取值,傳入參數同set,回傳同get。update為強制更新key所屬快取值,同時也會更新該快取之時間至當前。clear為清除key所屬快取的是否執行標記,使該快取視為需重新執行函數取值。remove為直接清除key所屬快取,清除後用set重設

Type
Object

(static) cbol(v) → {Boolean}

Description:
  • 布林值或字串轉布林值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cbol(true))
// => true

console.log(cbol(false))
// => false

console.log(cbol(0))
// => false

console.log(cbol(1))
// => true

console.log(cbol('true'))
// => true

console.log(cbol('tRuE'))
// => true

console.log(cbol('TRUE'))
// => true

console.log(cbol('abc'))
// => false

console.log(cbol(''))
// => false

console.log(cbol([]))
// => false

console.log(cbol({}))
// => false

console.log(cbol(null))
// => false

console.log(cbol(undefined))
// => false
Parameters:
Name Type Description
v *

輸入任意值

Returns:

回傳布林值

Type
Boolean

(static) cdbl(v) → {Number}

Description:
  • 數字或字串轉浮點數 若輸入非數字則回傳0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cdbl('25'))
// => 25
Parameters:
Name Type Description
v Number | String

輸入數字或字串

Returns:

回傳數字

Type
Number

(static) cfilesize(b) → {String}

Description:
  • 檔案大小(bytes)自動轉換單位 可調整檔案大小為b,kb,mb,gb,並添加單位 若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cfilesize(0))
// => '0.0 b'

console.log(cfilesize(100))
// => '100.0 b'

console.log(cfilesize(2048))
// => '2.0 kb'

console.log(cfilesize(2000000))
// => '1.9 mb'

console.log(cfilesize(2000000000))
// => '1.9 gb'
Parameters:
Name Type Description
b Number | String

輸入單位需為bytes的檔案大小,可為數字或字串

Returns:

回傳自動轉換單位後的字串

Type
String

(static) cfinancial(v, idigopt) → {String}

Description:
  • 數字或字串轉金融格式(百分位添加逗號)表示 若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cfinancial(0.123456789, 3))
// => '0.123'

console.log(cfinancial(1234567.89))
// => '1,234,568'

console.log(cfinancial(1234567.89, 1))
// => '1,234,567.9'
Parameters:
Name Type Attributes Default Description
v Number | String

輸入數字或字串

idig Integer <optional>
0

輸入指定小數位整數,預設為0

Returns:

回傳金融格式的字串

Type
String

(static) cint(v) → {Integer}

Description:
  • 數字或字串四捨五入轉整數 若輸入非數字則回傳0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cint('1.5'))
// => 2

console.log(cint('-1.5'))
// => -1
Parameters:
Name Type Description
v Number | String

輸入數字或字串

Returns:

回傳四捨五入後整數

Type
Integer

(static) clearXSS(inp) → {Object|Array|String}

Description:
Source:
Example
Try in Codepen
console.log(clearXSS(`><script>alert('XSS')</script>`))
// => `&gt;&lt;script&gt;alert('XSS')&lt;/script&gt;`

console.log(clearXSS(`<img src="javascript:alert('XSS')">`))
// => `<img src>`
Parameters:
Name Type Description
inp String | Object | Array

輸入資料

Returns:

輸出資料

Type
Object | Array | String

(static) color() → {Object}

Description:
  • 顏色轉換

    Unit Test: Github

Source:
Example
Try in Codepen
import oc from 'wsemi/src/color.mjs'

let c
let c1
let c2
let r

c = '#cd'
r = oc.toRgbaString(c)
console.log(r)
// => rgba(205, 205, 205, 1)

c = '#6a3'
r = oc.toRgbaString(c)
console.log(r)
// => rgba(102, 170, 51, 1)

c = '#6b8e23'
r = oc.toRgbaString(c)
console.log(r)
// => rgba(107, 142, 35, 1)

c1 = '#cd'
c2 = 'hsl (320, 50%, 40%)'
r = oc.mix(c1, 0.5, c2, 0.5, 'toRgbString')
console.log(r)
// => rgb(179, 128, 162)

c1 = '#cd'
c2 = 'hsl (320, 50%, 40%)' //rgb(153, 51, 119)
r = oc.mix(c1, 0, c2, 1, 'toRgbString')
console.log(r)
// => rgb(153, 51, 119)

c1 = 'rgb(250, 120, 50)'
c2 = 'hsva (320, 100%, 50%, 0.1)'
r = oc.mix(c1, 0.5, c2, 0.5, 'toRgba')
console.log(r)
// => { r: 189, g: 60, b: 68, a: 0.55 }

c = 'rgb(250, 120, 50)'
r = oc.toRgbaString(c)
console.log(r)
// => rgba(250, 120, 50, 1)

c = 'rgb(250, 120, 50)'
r = oc.toHslaString(c)
console.log(r)
// => hsla(21, 0.952, 0.588, 1)

c = 'rgb(250, 120, 50)'
r = oc.toHsvaString(c)
console.log(r)
// => hsva(21, 0.8, 0.98, 1)

c = 'rgb(250, 120, 50)'
r = oc.toHexString(c)
console.log(r)
// => #fa7832

c = 'skyblue'
r = oc.toRgbaString(c)
console.log(r)
// => rgba(135, 206, 235, 1)

c = 'hsl (320, 50%, 40%)'
r = oc.toRgba(c)
console.log(r)
// => { r: 153, g: 51, b: 119, a: 1 }

c = 'hsva (320, 100%, 50%, 0.1)'
r = oc.toRgba(c)
console.log(r)
// => { r: 128, g: 0, b: 85, a: 0.1 }

c = { r: 255, g: 150, b: 50 }
r = oc.toHsla(c)
console.log(r)
// => { h: 29, s: 0.672, l: 0.002, a: 1 }

c = { r: '50%', g: 150, b: 50, a: 0.1 }
r = oc.toHsva(c)
console.log(r)
// => { h: 74, s: 0.667, v: 0.002, a: 0.1 }

c = { h: 320, s: 0.2, l: 0.15 }
r = oc.toRgba(c)
console.log(r)
// => { r: 46, g: 31, b: 31, a: 1 }

c = { h: 320, s: '12%', l: '8%', a: 0.1 }
r = oc.toRgba(c)
console.log(r)
// => { r: 23, g: 18, b: 18, a: 0.1 }

c = { h: 320, s: 0.2, v: 0.15 }
r = oc.toRgba(c)
console.log(r)
// => { r: 38, g: 31, b: 31, a: 1 }

c = { h: '50%', s: 0.2, l: 0.15 }
r = oc.toHexString(c)
console.log(r)
// => #1f2e2e

c = { h: '50%', s: 0.2, l: 0.15 }
r = oc.toRgbaString(c)
console.log(r)
// => rgba(31, 46, 46, 1)

c = { h: '50%', s: 0.2, l: 0.15 }
r = oc.toRgba(c)
console.log(r)
// => { r: 31, g: 46, b: 46, a: 1 }

c = { h: 180, s: 0.2, l: 0.15 }
r = oc.toHexString(c)
console.log(r)
// => #1f2e2e

c = { h: '50%', s: '12%', v: '8%', a: 0.1 }
r = oc.toRgba(c)
console.log(r)
// => { r: 20, g: 18, b: 18, a: 0.1 }

let gradient = {
    0: 'rgb(255, 255, 255)',
    0.2: 'rgb(254, 178, 76)',
    0.4: 'rgb(252, 78, 42)',
    0.6: 'rgb(220, 58, 38)',
    0.8: 'rgb(200, 40, 23)',
    1: 'rgba(180, 30, 60, 0.5)',
}
let fun = oc.interp(gradient)
console.log('fun(0)', fun(0))
//fun(0) rgba(255, 255, 255, 1)

console.log('fun(0.1)', fun(0.1))
//fun(0.1) rgba(255, 217, 166, 1)

console.log('fun(0.2)', fun(0.2))
//fun(0.2) rgba(254, 178, 76, 1)

console.log('fun(0.8)', fun(0.8))
//fun(0.8) rgba(200, 40, 23, 1)

console.log('fun(0.9)', fun(0.9))
//fun(0.9) rgba(190, 35, 42, 0.75)

console.log('fun(1)', fun(1))
//fun(1) rgba(180, 30, 60, 0.5)

console.log('fun(2)', fun(2))
//fun(2) null

console.log('fun(-1)', fun(-1))
//fun(-1) null
Returns:

回傳color物件,提供toRgbaString、toHslaString、toHsvaString、toHexString等共37種處理函數

Type
Object

(static) composeToTree(items, optopt, bindKeyopt, bindParentopt, bindChildrenopt, saveExtPropsopt) → {Array}

Description:
  • 組合關聯陣列成為樹狀陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let data = [
    {
        id: 1,
        text: '1-a',
    },
    {
        id: 2,
        text: '2-b',
    },
    {
        id: 3,
        text: '3-c',
        parentId: 2,
    },
    {
        id: 4,
        text: '4-d',
        parentId: 2,
    },
    {
        id: 5,
        text: '5-e',
        parentId: 3,
    },
    {
        id: 6,
        text: 'empty',
    },
]
let r = composeToTree(data)
let cr = JSON.stringify(r)
console.log(cr)
// => [
//   {
//     "id": 1,
//     "text": "1-a"
//   },
//   {
//     "id": 2,
//     "text": "2-b",
//     "children": [
//       {
//         "id": 3,
//         "text": "3-c",
//         "parentId": 2,
//         "children": [
//           {
//             "id": 5,
//             "text": "5-e",
//             "parentId": 3
//           }
//         ]
//       },
//       {
//         "id": 4,
//         "text": "4-d",
//         "parentId": 2
//       }
//     ]
//   },
//   {
//     "id": 6,
//     "text": "empty"
//   }
// ]
Parameters:
Name Type Attributes Default Description
items Array

輸入關聯陣列

opt Object <optional>
{}

輸入設定物件,預設{}

bindKey String <optional>
'id'

輸入項目物件識別用欄位字串,預設'id'

bindParent String <optional>
'parentId'

輸入項目物件內存放父節點欄位字串,預設'parentId'

bindChildren String <optional>
'children'

輸入產生樹狀物件時,各節點內存放子節點欄位字串,預設'children'

saveExtProps Boolean <optional>
false

輸入是否儲存項目物件從屬資訊布林值,預設false

Returns:

回傳樹狀陣列

Type
Array

(static) convertToTree(data, optopt, bindKeyopt, bindParentopt, bindTextopt, bindChildrenopt, bindTypeopt, bindNumOfChilrenopt, bindRootopt, saveExtPropsopt) → {Array}

Description:
  • 展開物件或陣列成為樹狀陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let r

let obj = {
    a: 1,
    b: 12.3,
    c: 'abc',
    d: '45-de',
    x: true,
    y: null,
    z: function() {},
    e: [],
    f: [
        91,
        912.3,
        'abc',
        '945-de',
        true,
        null,
        function() {},
        [
            5,
            54.3,
            'xyz',
        ]
    ],
    g: {},
    h: {
        ga: 81,
        gb: 812.3,
        gc: 'abc',
        gd: '845-de',
        ge: [
            71,
            712.3,
            'abc',
            '745-de',
            true,
            null,
            function() {},
        ],
        gf: {
            gfa: 61,
            gfb: 612.3,
            gfc: 'abc',
            gfd: '645-de',
            gfe: true,
            gff: null,
            gfg: function() {},
        },
        gx: true,
        gy: null,
        gz: function() {},
    },
    i: Symbol('foo'),
    [Symbol('i-sym-key-a')]: 'i-sym-value',
    [Symbol('i-sym-key-b')]: {
        symfa: 61,
        symfb: 612.3,
        symfc: 'abc',
        symfd: '645-de',
        symfe: true,
        symff: null,
        symfg: function() {},
    },
}
r = convertToTree(obj)
console.log('convertToTree obj', JSON.stringify(r, null, 2))
// => convertToTree obj [
//   {
//     "id": "root",
//     "parentId": "",
//     "type": "object",
//     "key": "root",
//     "numOfChilren": 12,
//     "children": [
//       {
//         "id": "root-a",
//         "parentId": "root",
//         "type": "node",
//         "key": "a",
//         "text": 1
//       },
//       {
//         "id": "root-b",
//         "parentId": "root",
//         "type": "node",
//         "key": "b",
//         "text": 12.3
//       },
//       {
//         "id": "root-c",
//         "parentId": "root",
//         "type": "node",
//         "key": "c",
//         "text": "abc"
//       },
//       {
//         "id": "root-d",
//         "parentId": "root",
//         "type": "node",
//         "key": "d",
//         "text": "45-de"
//       },
//       {
//         "id": "root-x",
//         "parentId": "root",
//         "type": "node",
//         "key": "x",
//         "text": true
//       },
//       {
//         "id": "root-y",
//         "parentId": "root",
//         "type": "node",
//         "key": "y",
//         "text": null
//       },
//       {
//         "id": "root-z",
//         "parentId": "root",
//         "type": "node",
//         "key": "z"
//       },
//       {
//         "id": "root-e",
//         "parentId": "root",
//         "type": "array",
//         "key": "e",
//         "numOfChilren": 0
//       },
//       {
//         "id": "root-f",
//         "parentId": "root",
//         "type": "array",
//         "key": "f",
//         "numOfChilren": 8,
//         "children": [
//           {
//             "id": "root-f-0",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 0,
//             "text": 91
//           },
//           {
//             "id": "root-f-1",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 1,
//             "text": 912.3
//           },
//           {
//             "id": "root-f-2",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 2,
//             "text": "abc"
//           },
//           {
//             "id": "root-f-3",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 3,
//             "text": "945-de"
//           },
//           {
//             "id": "root-f-4",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 4,
//             "text": true
//           },
//           {
//             "id": "root-f-5",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 5,
//             "text": null
//           },
//           {
//             "id": "root-f-6",
//             "parentId": "root-f",
//             "type": "node",
//             "key": 6
//           },
//           {
//             "id": "root-f-7",
//             "parentId": "root-f",
//             "type": "array",
//             "key": 7,
//             "numOfChilren": 3,
//             "children": [
//               {
//                 "id": "root-f-7-0",
//                 "parentId": "root-f-7",
//                 "type": "node",
//                 "key": 0,
//                 "text": 5
//               },
//               {
//                 "id": "root-f-7-1",
//                 "parentId": "root-f-7",
//                 "type": "node",
//                 "key": 1,
//                 "text": 54.3
//               },
//               {
//                 "id": "root-f-7-2",
//                 "parentId": "root-f-7",
//                 "type": "node",
//                 "key": 2,
//                 "text": "xyz"
//               }
//             ]
//           }
//         ]
//       },
//       {
//         "id": "root-g",
//         "parentId": "root",
//         "type": "object",
//         "key": "g",
//         "numOfChilren": 0
//       },
//       {
//         "id": "root-h",
//         "parentId": "root",
//         "type": "object",
//         "key": "h",
//         "numOfChilren": 9,
//         "children": [
//           {
//             "id": "root-h-ga",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "ga",
//             "text": 81
//           },
//           {
//             "id": "root-h-gb",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gb",
//             "text": 812.3
//           },
//           {
//             "id": "root-h-gc",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gc",
//             "text": "abc"
//           },
//           {
//             "id": "root-h-gd",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gd",
//             "text": "845-de"
//           },
//           {
//             "id": "root-h-ge",
//             "parentId": "root-h",
//             "type": "array",
//             "key": "ge",
//             "numOfChilren": 7,
//             "children": [
//               {
//                 "id": "root-h-ge-0",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 0,
//                 "text": 71
//               },
//               {
//                 "id": "root-h-ge-1",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 1,
//                 "text": 712.3
//               },
//               {
//                 "id": "root-h-ge-2",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 2,
//                 "text": "abc"
//               },
//               {
//                 "id": "root-h-ge-3",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 3,
//                 "text": "745-de"
//               },
//               {
//                 "id": "root-h-ge-4",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 4,
//                 "text": true
//               },
//               {
//                 "id": "root-h-ge-5",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 5,
//                 "text": null
//               },
//               {
//                 "id": "root-h-ge-6",
//                 "parentId": "root-h-ge",
//                 "type": "node",
//                 "key": 6
//               }
//             ]
//           },
//           {
//             "id": "root-h-gf",
//             "parentId": "root-h",
//             "type": "object",
//             "key": "gf",
//             "numOfChilren": 7,
//             "children": [
//               {
//                 "id": "root-h-gf-gfa",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfa",
//                 "text": 61
//               },
//               {
//                 "id": "root-h-gf-gfb",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfb",
//                 "text": 612.3
//               },
//               {
//                 "id": "root-h-gf-gfc",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfc",
//                 "text": "abc"
//               },
//               {
//                 "id": "root-h-gf-gfd",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfd",
//                 "text": "645-de"
//               },
//               {
//                 "id": "root-h-gf-gfe",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfe",
//                 "text": true
//               },
//               {
//                 "id": "root-h-gf-gff",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gff",
//                 "text": null
//               },
//               {
//                 "id": "root-h-gf-gfg",
//                 "parentId": "root-h-gf",
//                 "type": "node",
//                 "key": "gfg"
//               }
//             ]
//           },
//           {
//             "id": "root-h-gx",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gx",
//             "text": true
//           },
//           {
//             "id": "root-h-gy",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gy",
//             "text": null
//           },
//           {
//             "id": "root-h-gz",
//             "parentId": "root-h",
//             "type": "node",
//             "key": "gz"
//           }
//         ]
//       },
//       {
//         "id": "root-i",
//         "parentId": "root",
//         "type": "node",
//         "key": "i"
//       },
//       {
//         "id": "root-Symbol(i-sym-key-a)",
//         "parentId": "root",
//         "type": "node",
//         "text": "i-sym-value"
//       },
//       {
//         "id": "root-Symbol(i-sym-key-b)",
//         "parentId": "root",
//         "type": "object",
//         "numOfChilren": 7,
//         "children": [
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfa",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfa",
//             "text": 61
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfb",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfb",
//             "text": 612.3
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfc",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfc",
//             "text": "abc"
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfd",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfd",
//             "text": "645-de"
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfe",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfe",
//             "text": true
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symff",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symff",
//             "text": null
//           },
//           {
//             "id": "root-Symbol(i-sym-key-b)-symfg",
//             "parentId": "root-Symbol(i-sym-key-b)",
//             "type": "node",
//             "key": "symfg"
//           }
//         ]
//       }
//     ]
//   }
// ]

let arr = [
    91,
    912.3,
    'abc',
    '945-de',
    true,
    null,
    function() {},
    [
        5,
        54.3,
        'xyz',
        {
            gf: {
                gfa: 61,
                gfb: 612.3,
                gfc: 'abc',
                gfd: '645-de',
                gfe: true,
                gff: null,
                gfg: function() {},
            },
        },
    ],
    {
        h: {
            ga: 81,
            gb: 812.3,
            gc: 'abc',
            gd: '845-de',
            ge: [
                71,
                712.3,
                'abc',
                '745-de',
                true,
                null,
                function() {},
            ],
            gx: true,
            gy: null,
            gz: function() {},
        },
        i: Symbol('foo'),
        [Symbol('i-sym-key-a')]: 'i-sym-value',
        [Symbol('i-sym-key-b')]: {
            symfa: 61,
            symfb: 612.3,
            symfc: 'abc',
            symfd: '645-de',
            symfe: true,
            symff: null,
            symfg: function() {},
        },
    },
]
r = convertToTree(arr)
console.log('convertToTree arr', JSON.stringify(r, null, 2))
// => convertToTree arr [
//   {
//     "id": "root",
//     "parentId": "",
//     "type": "array",
//     "key": "root",
//     "numOfChilren": 9,
//     "children": [
//       {
//         "id": "root-0",
//         "parentId": "root",
//         "type": "node",
//         "key": 0,
//         "text": 91
//       },
//       {
//         "id": "root-1",
//         "parentId": "root",
//         "type": "node",
//         "key": 1,
//         "text": 912.3
//       },
//       {
//         "id": "root-2",
//         "parentId": "root",
//         "type": "node",
//         "key": 2,
//         "text": "abc"
//       },
//       {
//         "id": "root-3",
//         "parentId": "root",
//         "type": "node",
//         "key": 3,
//         "text": "945-de"
//       },
//       {
//         "id": "root-4",
//         "parentId": "root",
//         "type": "node",
//         "key": 4,
//         "text": true
//       },
//       {
//         "id": "root-5",
//         "parentId": "root",
//         "type": "node",
//         "key": 5,
//         "text": null
//       },
//       {
//         "id": "root-6",
//         "parentId": "root",
//         "type": "node",
//         "key": 6
//       },
//       {
//         "id": "root-7",
//         "parentId": "root",
//         "type": "array",
//         "key": 7,
//         "numOfChilren": 4,
//         "children": [
//           {
//             "id": "root-7-0",
//             "parentId": "root-7",
//             "type": "node",
//             "key": 0,
//             "text": 5
//           },
//           {
//             "id": "root-7-1",
//             "parentId": "root-7",
//             "type": "node",
//             "key": 1,
//             "text": 54.3
//           },
//           {
//             "id": "root-7-2",
//             "parentId": "root-7",
//             "type": "node",
//             "key": 2,
//             "text": "xyz"
//           },
//           {
//             "id": "root-7-3",
//             "parentId": "root-7",
//             "type": "object",
//             "key": 3,
//             "numOfChilren": 1,
//             "children": [
//               {
//                 "id": "root-7-3-gf",
//                 "parentId": "root-7-3",
//                 "type": "object",
//                 "key": "gf",
//                 "numOfChilren": 7,
//                 "children": [
//                   {
//                     "id": "root-7-3-gf-gfa",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfa",
//                     "text": 61
//                   },
//                   {
//                     "id": "root-7-3-gf-gfb",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfb",
//                     "text": 612.3
//                   },
//                   {
//                     "id": "root-7-3-gf-gfc",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfc",
//                     "text": "abc"
//                   },
//                   {
//                     "id": "root-7-3-gf-gfd",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfd",
//                     "text": "645-de"
//                   },
//                   {
//                     "id": "root-7-3-gf-gfe",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfe",
//                     "text": true
//                   },
//                   {
//                     "id": "root-7-3-gf-gff",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gff",
//                     "text": null
//                   },
//                   {
//                     "id": "root-7-3-gf-gfg",
//                     "parentId": "root-7-3-gf",
//                     "type": "node",
//                     "key": "gfg"
//                   }
//                 ]
//               }
//             ]
//           }
//         ]
//       },
//       {
//         "id": "root-8",
//         "parentId": "root",
//         "type": "object",
//         "key": 8,
//         "numOfChilren": 2,
//         "children": [
//           {
//             "id": "root-8-h",
//             "parentId": "root-8",
//             "type": "object",
//             "key": "h",
//             "numOfChilren": 8,
//             "children": [
//               {
//                 "id": "root-8-h-ga",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "ga",
//                 "text": 81
//               },
//               {
//                 "id": "root-8-h-gb",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gb",
//                 "text": 812.3
//               },
//               {
//                 "id": "root-8-h-gc",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gc",
//                 "text": "abc"
//               },
//               {
//                 "id": "root-8-h-gd",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gd",
//                 "text": "845-de"
//               },
//               {
//                 "id": "root-8-h-ge",
//                 "parentId": "root-8-h",
//                 "type": "array",
//                 "key": "ge",
//                 "numOfChilren": 7,
//                 "children": [
//                   {
//                     "id": "root-8-h-ge-0",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 0,
//                     "text": 71
//                   },
//                   {
//                     "id": "root-8-h-ge-1",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 1,
//                     "text": 712.3
//                   },
//                   {
//                     "id": "root-8-h-ge-2",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 2,
//                     "text": "abc"
//                   },
//                   {
//                     "id": "root-8-h-ge-3",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 3,
//                     "text": "745-de"
//                   },
//                   {
//                     "id": "root-8-h-ge-4",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 4,
//                     "text": true
//                   },
//                   {
//                     "id": "root-8-h-ge-5",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 5,
//                     "text": null
//                   },
//                   {
//                     "id": "root-8-h-ge-6",
//                     "parentId": "root-8-h-ge",
//                     "type": "node",
//                     "key": 6
//                   }
//                 ]
//               },
//               {
//                 "id": "root-8-h-gx",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gx",
//                 "text": true
//               },
//               {
//                 "id": "root-8-h-gy",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gy",
//                 "text": null
//               },
//               {
//                 "id": "root-8-h-gz",
//                 "parentId": "root-8-h",
//                 "type": "node",
//                 "key": "gz"
//               }
//             ]
//           },
//           {
//             "id": "root-8-i",
//             "parentId": "root-8",
//             "type": "node",
//             "key": "i"
//           },
//           {
//             "id": "root-8-Symbol(i-sym-key-a)",
//             "parentId": "root-8",
//             "type": "node",
//             "text": "i-sym-value"
//           },
//           {
//             "id": "root-8-Symbol(i-sym-key-b)",
//             "parentId": "root-8",
//             "type": "object",
//             "numOfChilren": 7,
//             "children": [
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfa",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfa",
//                 "text": 61
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfb",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfb",
//                 "text": 612.3
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfc",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfc",
//                 "text": "abc"
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfd",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfd",
//                 "text": "645-de"
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfe",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfe",
//                 "text": true
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symff",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symff",
//                 "text": null
//               },
//               {
//                 "id": "root-8-Symbol(i-sym-key-b)-symfg",
//                 "parentId": "root-8-Symbol(i-sym-key-b)",
//                 "type": "node",
//                 "key": "symfg"
//               }
//             ]
//           }
//         ]
//       }
//     ]
//   }
// ]
Parameters:
Name Type Attributes Default Description
data Array | Object

輸入項目物件或陣列

opt Object <optional>
{}

輸入設定物件,預設{}

bindKey String <optional>
'id'

輸入識別用欄位字串,預設'id'

bindParent String <optional>
'parentId'

輸入存放父節點欄位字串,預設'parentId'

bindText String <optional>
'value'

輸入存放值欄位字串,預設'value'

bindChildren String <optional>
'children'

輸入產生樹狀物件時,各節點內存放子節點欄位字串,預設'children'

bindType String <optional>
'type'

輸入存放值種類欄位字串,預設'type'

bindNumOfChilren String <optional>
'numOfChilren'

輸入存放值為物件或陣列時所屬子節點數量欄位字串,預設'numOfChilren'

bindRoot String <optional>
'root'

輸入若為物件時,自動給予根節點鍵值字串,預設'root'

saveExtProps Boolean <optional>
false

輸入是否儲存項目物件從屬資訊布林值,預設false

Returns:

回傳樹狀陣列

Type
Array

(static) copyStrToClipboard(str, optopt) → {String}

Description:
  • 複製字串至剪貼簿

    Unit Test: Github

Source:
Example
Try in Codepen
copyStrToClipboard('The Woodman(樵夫) set to work at once, and so...')

let ele = document.querySelector('#id')
copyStrToClipboard('The Woodman(樵夫) set to work at once, and so...', { eleParent: ele })
Parameters:
Name Type Attributes Default Description
str String

輸入欲複製至剪貼簿的字串

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
eleParent HTMLElement <optional>
document.body

輸入臨時插入的父層元素,因例如於鎖定焦點(focus)的區域內要複製字串,會因臨時創建的textarea元素無法聚焦導致無法複製至剪貼簿,故得由外部傳入可聚焦的父層元素供創建textarea之用,預設document.body

Returns:

回傳字串,若成功則為空字串,若失敗則回傳錯誤訊息

Type
String

(static) cosd(deg) → {Number}

Description:
  • 輸入角度計算cos值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cosd(0))
// => 1

console.log(cosd(30))
// => 0.8660254037844387

console.log(cosd(45))
// => 0.7071067811865476

console.log(cosd(60))
// => 0.5000000000000001

console.log(cosd(90))
// => 6.123233995736766e-17

console.log(cosd(120))
// => -0.4999999999999998

console.log(cosd(135))
// => -0.7071067811865475

console.log(cosd(150))
// => -0.8660254037844387

console.log(cosd(180))
// => -1

console.log(cosd(210))
// => -0.8660254037844386

console.log(cosd(225))
// => -0.7071067811865477

console.log(cosd(240))
// => -0.5000000000000004

console.log(cosd(270))
// => -1.8369701987210297e-16

console.log(cosd(300))
// => 0.5000000000000001

console.log(cosd(315))
// => 0.7071067811865474

console.log(cosd(330))
// => 0.8660254037844384

console.log(cosd(360))
// => 1

console.log(cosd(450))
// => 3.061616997868383e-16

console.log(cosd(720))
// => 1
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳cos值

Type
Number

(static) cotd(deg) → {Number}

Description:
  • 輸入角度計算cot值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cotd(0))
// => Infinity

console.log(cotd(30))
// => 1.7320508075688774

console.log(cotd(45))
// => 1.0000000000000002

console.log(cotd(60))
// => 0.577350269189626

console.log(cotd(90))
// => 6.123233995736766e-17

console.log(cotd(120))
// => -0.5773502691896254

console.log(cotd(135))
// => -0.9999999999999998

console.log(cotd(150))
// => -1.7320508075688774

console.log(cotd(180))
// => -8165619676597685

console.log(cotd(210))
// => 1.7320508075688767

console.log(cotd(225))
// => 1.0000000000000004

console.log(cotd(240))
// => 0.5773502691896264

console.log(cotd(270))
// => 1.83697019872103e-16

console.log(cotd(300))
// => -0.5773502691896258

console.log(cotd(315))
// => -0.9999999999999996

console.log(cotd(330))
// => -1.7320508075688754

console.log(cotd(360))
// => -4082809838298842.5

console.log(cotd(450))
// => 3.061616997868383e-16

console.log(cotd(720))
// => -2041404919149421.2
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳cot值

Type
Number

(static) createExcelWorkbook() → {Object}

Description:
  • 創建Excel的Workbook物件

    Unit Test: Github

Source:
Example
Try in Codepen
let wb = createExcelWorkbook()
console.log(wb)
// => Workbook { SheetNames: [], Sheets: {} }
Returns:

回傳Excel的Workbook物件

Type
Object

(static) cscd(deg) → {Number}

Description:
  • 輸入角度計算csc值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cscd(0))
// => Infinity

console.log(cscd(30))
// => 2.0000000000000004

console.log(cscd(45))
// => 1.4142135623730951

console.log(cscd(60))
// => 1.1547005383792517

console.log(cscd(90))
// => 1

console.log(cscd(120))
// => 1.1547005383792515

console.log(cscd(135))
// => 1.414213562373095

console.log(cscd(150))
// => 2.0000000000000004

console.log(cscd(180))
// => 8165619676597685

console.log(cscd(210))
// => -1.9999999999999996

console.log(cscd(225))
// => -1.4142135623730951

console.log(cscd(240))
// => -1.1547005383792517

console.log(cscd(270))
// => -1

console.log(cscd(300))
// => -1.1547005383792517

console.log(cscd(315))
// => -1.4142135623730947

console.log(cscd(330))
// => -1.9999999999999982

console.log(cscd(360))
// => -4082809838298842.5

console.log(cscd(450))
// => 1

console.log(cscd(720))
// => -2041404919149421.2
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳csc值

Type
Number

(static) cstr(v) → {String}

Description:
  • 輸入轉字串 若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(cstr(2.25))
// => '2.25'
Parameters:
Name Type Description
v Number | String

輸入資料

Returns:

回傳字串

Type
String

(static) day2cht(t, bNoDisplayYearopt) → {String}

Description:
  • 日時間轉中文格式時間字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(day2cht('2019-01-02'))
// => '民國 108 年 1 月 2 日'
Parameters:
Name Type Attributes Default Description
t String

輸入日時間字串

bNoDisplayYear boolean <optional>
false

輸入是否輸出民國年,預設為false

Returns:

回傳中文格式時間字串

Type
String

(static) debounce(msopt)

Description:
  • 函數去除抖動

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let dbc = debounce(300)

            let i = 0
            function core(name) {
                i++
                ms.push({ name, i })
                console.log({ name, i })
            }

            setTimeout(function() {
                dbc(() => {
                    core('A')
                })
            }, 100)
            setTimeout(function() {
                dbc(() => {
                    core('B')
                })
            }, 200)
            setTimeout(function() {
                dbc(() => {
                    core('C')
                })
            }, 250)
            setTimeout(function() {
                dbc(() => {
                    core('D')
                })
            }, 350)
            setTimeout(function() {
                dbc(() => {
                    core('E')
                })
            }, 400)
            setTimeout(function() {
                resolve(ms)
            }, 800)
        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // { name: 'E', i: 1 }
    // [{"name":"E","i":1}]

    function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            let dbc = debounce(300)

            let i = 0
            function core(name) {
                i++
                ms.push({ name, i })
                console.log({ name, i })
            }

            setTimeout(function() {
                dbc(() => {
                    core('A')
                })
            }, 50)
            setTimeout(function() {
                dbc(() => {
                    core('B')
                })
            }, 100)
            setTimeout(function() {
                dbc(() => {
                    core('C')
                })
            }, 150)
            setTimeout(function() {
                dbc(() => {
                    core('D')
                })
            }, 500)
            setTimeout(function() {
                dbc(() => {
                    core('E')
                })
            }, 550)
            setTimeout(function() {
                resolve(ms)
            }, 1400)
        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // { name: 'C', i: 1 }
    // { name: 'E', i: 2 }
    // [{"name":"C","i":1},{"name":"E","i":2}]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
ms Integer <optional>
300

輸入未有調用的時間區間,為正整數,預設300ms

(static) delay(msopt) → {Promise}

Description:
  • Promise延遲毫秒

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

delay(1000)
// => 延遲1s才執行
Parameters:
Name Type Attributes Default Description
ms Number <optional>
1

輸入延遲毫秒整數,預設10ms

Returns:

} 回傳Promise,resolve代表延遲完畢

Type
Promise

(static) dig(v, idigopt) → {String}

Description:
  • 數字取指定小數位的字串 為字串故可自動補0 console.log(1.005.toFixed(2)) //1.00 console.log(dig(1.005, 2)) //1.01 若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(dig(0.123456789, 3))
// => '0.123'

console.log(dig(0.123456789, 4))
// => '0.1235'
Parameters:
Name Type Attributes Default Description
v Number | String

輸入數字或字串

idig Integer <optional>
0

輸入指定小數位整數,預設為0

Returns:

回傳取指定小數位的字串

Type
String

(static) digExp(v, idigopt) → {String}

Description:
  • 數字取指定小數位,小於1e-6改指數顯示 若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(digExp(0.000000123456789, 2))
// => '1.23e-7'
Parameters:
Name Type Attributes Default Description
v Number | String

輸入數字或字串

idig Integer <optional>
0

輸入指定小數位整數,預設為0

Returns:

回傳取指定小數位的字串

Type
String

(static) domAlert(msg, optopt) → {Promise}

Description:
  • 前端彈出訊息視窗

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domAlert('提示訊息')

domAlert('提示訊息', {type:'error'})

domAlert('提示訊息', {backgroundColor:'rgba(220,220,220,0.3)'})
Parameters:
Name Type Attributes Default Description
msg String

輸入彈窗訊息字串,可為html

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
type String <optional>
'success'

輸入訊息種類字串,可使用'success'、'warning'、'error',預設'success'

icon String <optional>
''

輸入圖標字串,可為html,預設依照type給予指定圖標,指定圖標詳見程式碼

position String <optional>
'top-right'

輸入位置字串,可使用'top-right'、'top-left'、'bottom-right'、'bottom-left',預設'top-right'

time Number <optional>
4000

輸入顯示時間長度數字,單位ms,預設4000

paddingStyle Object <optional>
{top:14,right:26,bottom:14,left:14}

輸入內寬設定物件,可輸入top、bottom、left、right,單位為px,預設{top:14,right:26,bottom:14,left:14}

textColor String <optional>
'#000'

輸入文字顏色字串,預設'#000'

backgroundColor String <optional>
'#fff'

輸入背景顏色字串,預設'#fff'

borderWidth Number <optional>
1

輸入邊框寬度數字,單位px,預設1

borderColor String <optional>
'#ebeef5'

輸入邊框顏色字串,預設'#ebeef5'

borderRadius Number <optional>
8

輸入邊框圓角數字,單位px,預設8

shadowStyle String <optional>
'0 2px 12px 0 rgba(0,0,0,.1)'

輸入陰影樣式字串,預設'0 2px 12px 0 rgba(0,0,0,.1)'

closeIconShift Object <optional>
{top:10,right:10}

輸入關閉按鈕平移距離設定物件,可輸入top、bottom、left、right,單位為px,若需要位於右上角則需設定top與right,預設{top:10,right:10}

Returns:

回傳Promise,resolve代表彈窗關閉,無reject

Type
Promise

(static) domAppend(eleParent, itemChild)

Description:
  • 前端於DOM元素內最後處插入元素或Html文字等

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let html = '<div>abc</div>'
domAppend(document.querySelector('#id'),html)
Parameters:
Name Type Description
eleParent HTMLElement

輸入目標DOM元素

itemChild HTMLElement | String

輸入要插入DOM元素或Html文字等內容

(static) domCancelEvent(event)

Description:
  • 前端DOM元素事件停止傳遞事件

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

window.addEventListener('touchstart', (e) => {
    domCancelEvent(e)
})
Parameters:
Name Type Description
event HTMLEvent

輸入event物件

(static) domCompareText(ele, title, strOld, strNew, optopt) → {Object}

Description:
  • 前端DOM上展示2文字差異比對資訊

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let r = domCompareText(ele, 'title', 'strOld', 'strNew')
console.log(r)
// => { diff, html }
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

title String

輸入比對標題字串

strOld String

輸入舊文字字串

strNew String

輸入新文字字串

opt Object <optional>
{}

輸入設定物件,主要是提供給Diff2Html之設定物件,預設{}

Properties
Name Type Attributes Default Description
fmt String <optional>
''

輸入比對展示模式字串,給予'side'為依照左右對應區塊展示差異,給予'line'為依照各行展示差異,預設'side'

Returns:

回傳結果物件,內含屬性diff與html,分別代表2文字比對差異結果物件,以及轉出html文字

Type
Object

(async, static) domCompareTextDyn(ele, title, strOld, strNew, optopt, pathItems) → {Promise}

Description:
  • 前端DOM上展示2文字差異比對資訊,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let r = domCompareTextDyn(ele, 'title', 'strOld', 'strNew')
.then((res)=>{
    console.log(res)
    // => { diff, html }
})
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

title String

輸入比對標題字串

strOld String

輸入舊文字字串

strNew String

輸入新文字字串

opt Object <optional>
{}

輸入設定物件,主要是提供給Diff2Html之設定物件,預設{}

Properties
Name Type Attributes Default Description
fmt String <optional>
''

輸入比對展示模式字串,給予'side'為依照左右對應區塊展示差異,給予'line'為依照各行展示差異,預設'side'

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳domCompareText產生結果,reject回傳錯誤訊息

Type
Promise

(async, static) domConvertToPic(ele, optopt) → {Promise}

Description:
  • 前端DOM元素轉圖片

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domConvertToPic(ele, { scale: 3 })
    .then((b64)=>{
        // => iVBORw0KGgoAAAANSU...
    })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
scale Number <optional>
1

輸入縮放比例數字,需大於等於1,預設1

toBase64 Boolean <optional>
true

輸入是否輸出為base64圖片,預設true

picType String <optional>
'image/png'

輸入輸出為base64圖片時的圖片格式,可選'image/jpeg'與'image/png',使用'image/jpeg'時若無背景預設為黑色,預設'image/png'

Returns:

回傳Promise,resolve為成功時的產出圖片,reject為失敗訊息

Type
Promise

(async, static) domConvertToPicDyn(ele, optopt, pathItems) → {Promise}

Description:
  • 前端DOM元素轉圖片,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domConvertToPicDyn(ele, { scale: 3 })
    .then((b64)=>{
        // => iVBORw0KGgoAAAANSU...
    })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
scale Number <optional>
1

輸入縮放比例數字,需大於等於1,預設1

toBase64 Boolean <optional>
true

輸入是否輸出為base64圖片,預設true

picType String <optional>
'image/png'

輸入輸出為base64圖片時的圖片格式,可選'image/jpeg'與'image/png',使用'image/jpeg'時若無背景預設為黑色,預設'image/png'

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳產出圖片,reject回傳錯誤訊息

Type
Promise

(static) domDetect(f) → {Object}

Description:
  • 前端監聽DOM元素resize、resizeWithWindow事件,其中resizeWithWindow為dom resize與window resize皆會觸發的事件

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//監聽dom
let de = domDetect(() => {
    return document.querySelector('#id')
})
de.on('resize', (s) => {
    console.log('resize', s)
})
de.on('resizeWithWindow', (s) => {
    console.log('resizeWithWindow', s)
})
de.on('display', (s) => {
    console.log('display', s)
})

//釋放監聽
de.clear()
Parameters:
Name Type Attributes Default Description
f function

輸入取得dom函數

opt.timeInterval Integer <optional>
20

輸入定期偵測時間整數,預設20毫秒

opt.tolerancePixel Integer <optional>
1

輸入容許誤差整數,單位px,預設1

Returns:

回傳物件,可使用on與clear函數,on可監聽resize與resizeWithWindow事件,clear為釋放監聽

Type
Object

(static) domDrag(ele, optopt) → {Object}

Description:
  • 前端DOM元素拖曳事件

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//監聽dom
let dd = domDrag(document.querySelector('#id'), { group:'group', attIndex: 'dragindex' })

//change
dd.on('change', (msg) => {
    console.log('change', msg)
})
dd.on('start', (msg) => {
    console.log('start', msg)
})
dd.on('move', (msg) => {
    console.log('move', msg)
})
dd.on('enter', (msg) => {
    console.log('enter', msg)
})
dd.on('leave', (msg) => {
    console.log('leave', msg)
})
dd.on('drop', (msg) => {
    console.log('drop', msg)
})

//釋放監聽
dd.clear()
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
attIdentify String <optional>
'dragid'

輸入預覽元素唯一識別用之屬性名稱字串,預設'dragid'

attIndex String <optional>
'dragindex'

輸入預覽元素順序指標之屬性名稱字串,預設'dragindex'

attGroup String <optional>
'draggroup'

輸入預覽元素群組之屬性名稱字串,預設'draggroup'

group String <optional>
'group'

輸入預覽元素群組字串,預設'group'

timeDragStartDelay Number <optional>
120

輸入預覽元素由點擊後延遲出現的時間數字,單位ms,預設120。使用pointerEvents會導致游標樣式失效,故延遲顯示可用來讓點擊事件穿透

previewOpacity Number <optional>
0.4

輸入預覽元素透明度數字,預設0.4

previewDisabledOpacity Number <optional>
0.2

輸入無效時(位於非可拖曳元素內)預覽元素透明度數字,預設0.2

previewBackground String <optional>
'white'

輸入預覽元素背景顏色字串,預設'white'

previewBorderWidth Number <optional>
1

輸入預覽元素邊框寬度數字,預設1

previewBorderColor String <optional>
'#f26'

輸入預覽元素邊框顏色字串,預設'#f26'

Returns:

回傳物件,可使用on與clear函數,on可監聽change、start、move、enter、leave、drop事件,clear為釋放監聽

Type
Object

(static) domDragBarAndScroll(panel, bar, optopt, getHeighRatioopt, getWidthRatioopt, stopScrollPropagationForPanelopt, stopTouchDragPropagationForPanelopt, useTouchDragForPanelopt) → {Object}

Description:
  • 前端監聽指定panel與bar的DOM元素,可偵測滾輪與拖曳bar事件

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//監聽dom
let divPanel = document.querySelector('#id_panel')
let divBar = document.querySelector('#id_bar')
let getHeighRatio = () => 0.9
let das = domDragBarAndScroll(divPanel, divBar, { getHeighRatio, stopScrollPropagationForPanel: true, stopTouchDragPropagationForPanel: true })
das.on('scrollPanel', () => {})
das.on('pressBar', () => {})
das.on('dragBar', () => {})
das.on('freeBar', () => {})

//釋放監聽
das.clear()
Parameters:
Name Type Attributes Default Description
panel HTMLElement

輸入panel元素

bar HTMLElement

輸入bar元素

opt Object <optional>
{}

輸入設定物件,預設{}

getHeighRatio function <optional>
()=>1

輸入取得高度比例函數,因組件本身或內容物可能會調整尺寸, 故需由外部給予函數取得當前heighRatio,預設()=>1

getWidthRatio function <optional>
()=>1

輸入取得寬度比例函數,因組件本身或內容物可能會調整尺寸, 故需由外部給予函數取得當前widthRatio,預設()=>1

stopScrollPropagationForPanel Boolean <optional>
false

輸入是否停用滑鼠捲動事件向上傳遞布林值,預設false

stopTouchDragPropagationForPanel Boolean <optional>
false

輸入是否停用手機拖曳事件向上傳遞布林值,預設false

useTouchDragForPanel Boolean <optional>
true

輸入是否使用手機拖曳事件布林值,預設true

Returns:

回傳物件,可使用on與clear函數,on可監聽pressBar、dragBar、freeBar事件,clear為釋放監聽

Type
Object

(static) domDragPreview(optopt) → {Object}

Description:
  • 前端針對DOM元素拖曳時產生其預覽(拷貝)對象

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let pv = domDragPreview({
    attIdentify,
    containerOpacity: previewOpacity,
    containerBackground: previewBackground,
    containerBorderWidth: previewBorderWidth,
    containerBorderColor: previewBorderColor,
})
pv.createPreview()
pv.removeDragPreview()
pv.clear()
Parameters:
Name Type Attributes Default Description
opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
attIdentify String <optional>
'dragprevid'

輸入儲存於DOM的識別欄位名稱字串,預設'dragprevid'

containerOpacity Number <optional>
0.4

輸入預覽元素透明度數字,預設0.4

containerBackground String <optional>
'white'

輸入預覽元素背景顏色字串,預設'white'

containerBorderWidth Number <optional>
1

輸入預覽元素邊框寬度數字,預設1

containerBorderColor String <optional>
'#f26'

輸入預覽元素邊框顏色字串,預設'#f26'

Returns:

回傳物件,內含createPreview、updateDragPreview、pauseDragPreview、removeDragPreview、setNodeStyle、setCoverStyle、setSellStyle、setContainerStyle、clear事件

Type
Object

(static) domDropFiles(ele) → {Object}

Description:
  • 前端取得拖曳進指定元素的檔案陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
let ev = domDropFiles(ele)
ev.on('getFiles', ({ files, filesTree, entries, cb }) => {
    console.log(files, filesTree, entries)
    cb()
})
ev.on('dropIn', () => {
    console.log('dropIn')
})
ev.on('dropOut', () => {
    console.log('dropOut')
})
ev.on('error', (err) => {
    console.log('error', err)
})
Parameters:
Name Type Description
ele HTMLElement

輸入dom元素

Returns:

回傳物件,包含emit與off事件,emit可監聽dropIn、dropOut、getFiles,通過監聽getFiles即可取得拖曳進指定元素的檔案陣列,並呼叫其內回調函數cb,方能繼續觸發dropOut事件

Type
Object

(static) domElementsFromPoint(clientX, clientY) → {Array}

Description:
  • 前端DOM元素事件內座標(clientX, clientY)取得DOM元素陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

window.addEventListener('mousemove', (e) => {
  console.log(domElementsFromPoint(e.clientX, e.clientY))
})
Parameters:
Name Type Description
clientX Number

輸入指定x座標浮點數,須基於顯示區(viewport)之x座標

clientY Number

輸入指定y座標浮點數,須基於顯示區(viewport)之x座標

Returns:

回傳DOM元素陣列

Type
Array

(static) domFadeIn(ele, optopt)

Description:
  • 前端DOM元素fadeIn效果

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domFadeIn(document.querySelector('#id'))

domFadeIn(document.querySelector('#id'), { duration: 500, delay: 100, opacityIni: 0.2 })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入取得dom函數

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
duration Number <optional>
500

輸入動畫持續時間毫秒整數,預設500

delay Number <optional>
0

輸入動畫延遲啟動時間毫秒整數,預設0

opacityIni Number <optional>
0

輸入初始透明度浮點數,介於0至1之間,預設0

(static) domFadeOut(ele, optopt)

Description:
  • 前端DOM元素fadeOut效果

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domFadeOut(document.querySelector('#id'))

domFadeOut(document.querySelector('#id'), { duration: 500, delay: 100, opacityIni: 0.8 })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入取得dom函數

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
duration Number <optional>
500

輸入動畫持續時間毫秒整數,預設500

delay Number <optional>
0

輸入動畫延遲啟動時間毫秒整數,預設0

opacityIni Number <optional>
1

輸入初始透明度浮點數,介於0至1之間,預設1

(static) domFind(query) → {Element}

Description:
  • 前端找尋DOM元素

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = domFind('#id')
Parameters:
Name Type Description
query String

輸入查詢字串

Returns:

回傳DOM元素

Type
Element

(static) domFinds(query) → {Array}

Description:
  • 前端找尋多DOM元素

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let eles = domFinds('[name="abc"]')
Parameters:
Name Type Description
query String

輸入查詢字串

Returns:

回傳DOM元素陣列

Type
Array

(static) domGetAttr(ele, attr) → {String}

Description:
  • 前端DOM元素取得屬性

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//<div id="eid" cus_attr="abc"></div>
let r = domGetAttr(document.querySelector('#eid'), 'cus_attr')
conssole.log(r)
// => abc
Parameters:
Name Type Description
ele HTMLElement

輸入DOM元素

attr String

輸入欲取得屬性名稱字串

Returns:

回傳屬性值

Type
String

(static) domGetBoudRect(ele) → {Object}

Description:
  • 前端DOM元素取得getBoundingClientRect

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let r = domGetBoudRect(document.querySelector('#id'))
console.log(r)
// => {
  x:...,
  y:...,
  width:...,
  height:...,
  top:...,
  right:...,
  bottom:...,
  left:...,
}
Parameters:
Name Type Description
ele HTMLElement

輸入DOM元素

Returns:

回傳getBoundingClientRect結果物件

Type
Object

(static) domGetBoudRectRefSelf(p, ele) → {Object}

Description:
  • 前端由事件clientX與clientY座標,計算於DOM元素內的左上角座標x與y,以及該元素的寬度w與高度h

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let r = domGetBoudRectRefSelf(document.querySelector('#id'))
console.log(r)
// => {
  x:...,
  y:...,
  w:...,
  h:...,
}
Parameters:
Name Type Description
p Object

輸入座標點物件,主要需有DOM事件(event)的clientX與clientY,此為相對可視區域左上角的座標,單位皆為px

ele HTMLElement

輸入DOM元素

Returns:

回傳物件,內含x、y、寬度w、高度h,單位皆為px

Type
Object

(static) domGetFileAccept(kindopt) → {String}

Description:
  • 前端依照檔案類型或種類回傳input file的accept欄位所用字串 kind若需使用種類,可選為'docums', 'compress', 'image', 'data',或複選以陣列儲存傳入 kind若需使用通用檔案,可使用'common'

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser
Parameters:
Name Type Attributes Default Description
kind String | Array <optional>
'*'

輸入檔案類型或種類字串或陣列

Returns:

回傳input file的accept欄位所用字串

Type
String

(static) domGetFiles(ele, sizelimitopt) → {Array}

Description:
  • 前端回傳Input元素所給予的檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
let r = domGetFiles(ele)
Parameters:
Name Type Attributes Default Description
ele Element

輸入Element Input元素

sizelimit Number <optional>
1000

輸入檔案大小上線,單位mb,預設為1000mb(約1g)

Returns:

回傳檔案陣列

Type
Array

(static) domGetParents(ele) → {Array}

Description:
  • 前端找尋DOM元素的所有父層

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let eleParents = domGetParents(document.querySelector('#id'))
Parameters:
Name Type Description
ele HTMLElement

輸入dom元素

Returns:

回傳DOM元素陣列

Type
Array

(static) domGetPointFromEvent(e) → {Object}

Description:
  • 前端DOM元素事件取得使用者滑鼠或第一觸控點座標

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

window.addEventListener('mousemove', (e) => {
  console.log(domGetPointFromEvent(e))
})
Parameters:
Name Type Description
e HTEMLEvent

輸入dom事件物件

Returns:

回傳座標物件,其內有clientX、clientY、pageX、pageY,clientX、clientY代表基於顯示區(viewport)之x與y座標,pageX、pageY代表基於內容區(page)之x與y座標

Type
Object

(static) domGetScrollableParent(ele) → {Element}

Description:
  • 前端找尋DOM元素最近的可捲動父層

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let eleScrollableParent = domGetScrollableParent(document.querySelector('#id'))
Parameters:
Name Type Description
ele HTMLElement

輸入dom元素

Returns:

回傳DOM元素

Type
Element

(static) domGetWindowSize() → {Object}

Description:
  • 前端取得window內實際顯示寬度與高度

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let r = domGetWindowSize()
console.log(r)
// => {
  width:...,
  height:...,
}
Returns:

回傳window內實際顯示寬度與高度物件

Type
Object

(static) domIsClientXYIn(clientX, clientY, ele) → {Boolean}

Description:
  • 前端計算clientX與clientY是否位於DOM元素內

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let p = {
    clientX: 'from event',
    clientY: 'from event',
}
let ele = document.querySelector('#id')
let b = domIsClientXYIn(p.clientX, p.clientY, ele)
// => true or false
Parameters:
Name Type Description
clientX Number

輸入點的clientX座標

clientY Number

輸入點的clientY座標

ele HTMLElement

輸入元素

Returns:

回傳是否位於DOM元素內布林值

Type
Boolean

(static) domIsFocused(ele)

Description:
  • 前端檢測DOM元素是否為聚焦狀態

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
console.log(domIsFocused(ele))
// => true or false
Parameters:
Name Type Description
ele Element

輸入Element元素

(static) domIsVisible(ele)

Description:
  • 前端檢測DOM元素是否為顯示(使用者可見)狀態

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domIsVisible(ele)
    .then(function(visible){
        console.log(visible)
        // => true or false
    })
    .catch(function(err){
        console.log(err)
    })
Parameters:
Name Type Description
ele Element

輸入Element元素

(static) domPrepend(eleParent, itemChild)

Description:
  • 前端於DOM元素內最前處插入元素或Html文字等

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domPrepend(document.querySelector('#id-parent'),document.querySelector('#id-child'))
Parameters:
Name Type Description
eleParent HTMLElement

輸入目標DOM元素

itemChild HTMLElement | String

輸入要插入DOM元素或Html文字等內容

(static) domRemove(inp)

Description:
  • 前端找尋DOM元素並刪除

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domRemove(ele)
Parameters:
Name Type Description
inp String | HTMLElement

輸入查詢字串或dom函數

(static) domRenderMarkdownMind(ele, markdown, optopt) → {Object}

Description:
  • 前端DOM上展示由markdown轉出的心智圖

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#markmap')

let markdown=`
# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features

- links
- **inline** ~~text~~ *styles*
- multiline
  text

`
let r = domRenderMarkdownMind(ele, markdown)
console.log(r)
// => { root, features, styles, scripts }
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

markdown String

輸入markdown字串

opt Object <optional>
{}

輸入設定物件,預設{}

Returns:

回傳Markmap.create後物件vmm,並於其內添加transMarkdown函數,可針對變更後之markdown重新計算取得結果內屬性root資訊,並再使用vmm.setData(root)可達到差異更新功能

Type
Object

(async, static) domRenderMarkdownMindDyn(ele, markdown, optopt, pathItems) → {Promise}

Description:
  • 前端DOM上展示由markdown轉出的心智圖,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#markmap')

let markdown=`
# markmap

## Links

- <https://markmap.js.org/>
- [GitHub](https://github.com/gera2ld/markmap)

## Related

- [coc-markmap](https://github.com/gera2ld/coc-markmap)
- [gatsby-remark-markmap](https://github.com/gera2ld/gatsby-remark-markmap)

## Features

- links
- **inline** ~~text~~ *styles*
- multiline
  text

`
domRenderMarkdownMindDyn(ele, markdown)
    .then((res)=>{
        // => { root, features, styles, scripts }
    })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

markdown String

輸入markdown字串

opt Object <optional>
{}

輸入設定物件,預設{}

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳domRenderMarkdownMind產生結果,reject回傳錯誤訊息

Type
Promise

(static) domRipple(ele, event)

Description:
  • 前端DOM元素點擊Ripple效果

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
ele.addEventListener('click', (e)=>{
    domRipple(e.currentTarget,e)
})
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入dom

event Object

輸入dom點擊事件

opt.timeDuration Integer <optional>
1000

輸入Ripple效果持續時間整數,單位ms,預設1000

opt.color String <optional>
'rgba(255, 255, 255, 0.5)'

輸入Ripple顏色字串,預設'rgba(255, 255, 255, 0.5)'

(static) domScrollIntoView(ele, optopt)

Description:
  • 前端平滑捲動至DOM元素

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domScrollIntoView(ele, {})
Parameters:
Name Type Attributes Default Description
ele Element

輸入Element元素

opt Object <optional>
{behavior:'smooth'}

輸入scrollIntoView的設定物件,預設{behavior:'smooth'}

(static) domScrollTo(ele, optopt)

Description:
  • 前端DOM元素平滑捲動至指定位置。

    在多層DOM中用scrollIntoView捲動可能失效,此時需針對指定元素取得offsetTop,並由父層scrollTo到指定元素。

    需注意指定元素取得offsetTop是針對可定位之父層,若無定位則為body。若發現可定位父層非可捲動父層,可將該父層給予position:relative,此可將父層轉為可定位元素,進而使可定位父層等同於可捲動父層,進而使指定元素取得之offsetTop可用於父層scrollTo。

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domScrollTo(ele, {})
Parameters:
Name Type Attributes Default Description
ele Element

輸入Element元素

opt Object <optional>
{behavior:'smooth'}

輸入scrollTo的設定物件,預設{behavior:'smooth'}

(async, static) domShowImages(eleImg, eleGroupopt, optopt)

Description:
  • 前端彈窗顯示指定元素內圖片或圖片陣列

    Unit Test: Github

Source:
Example
Try in Codepen
<img src="001.jpg" onclick="domShowImages(this)">
<img src="002.jpg" onclick="domShowImages(this,this.parentElement)">
Parameters:
Name Type Attributes Default Description
eleImg HTMLElement

輸入圖片元素

eleGroup HTMLElement <optional>
null

輸入元素內含有多圖片元素,預設null

opt Object <optional>
{}

輸入viewerjs設定物件,預設使用optOne或optMuti,若img僅一個則使用optOne,反之使用optMuti

(async, static) domShowImagesDyn(eleImg, eleGroupopt, optopt, pathItems) → {Promise}

Description:
  • 前端彈窗顯示指定元素內圖片或圖片陣列,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

<img src="001.jpg" onclick="domShowImagesDyn(this)">

<img src="002.jpg" onclick="domShowImagesDyn(this,this.parentElement)">
Parameters:
Name Type Attributes Default Description
eleImg HTMLElement

輸入圖片元素

eleGroup HTMLElement <optional>
null

輸入元素內含有多圖片元素,預設null

opt Object <optional>
{}

輸入viewerjs設定物件,預設使用optOne或optMuti,若img僅一個則使用optOne,反之使用optMuti

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳為分數或是否,reject回傳錯誤訊息

Type
Promise

(static) domShowInputAndGetFiles(kindopt, optopt) → {Promise}

Description:
  • 前端開啟上傳視窗並回傳檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

domShowInputAndGetFiles()
    .then((files)=>{})
Parameters:
Name Type Attributes Default Description
kind String | Array <optional>
'*'

輸入檔案類型或種類字串或陣列,可選'docums'、'compress'、'image'、'data',若給予'common'則代表前述4種,也可給予有限的副檔名(詳見getFileAccept),預設為全部'*'

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
multiple Boolean <optional>
false

輸入是否可選多檔案,預設為false

entireHierarchy Boolean <optional>
false

輸入是否遍歷資料夾內之資料夾與檔案,使用Chrome實驗性語法webkitdirectory,預設為false

sizelimit Number <optional>
1000

輸入檔案大小上線,單位mb,預設為1000mb(約1g)

Returns:

回傳Promise,resolve為各檔案陣列,無reject

Type
Promise

(static) domShowInputAndGetFilesU8Arrs(kindopt, optopt) → {Promise}

Description:
  • 前端開啟上傳視窗並讀取各檔案Uint8Array資料陣列

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser
Parameters:
Name Type Attributes Default Description
kind String | Array <optional>
'*'

輸入檔案類型或種類字串或陣列,預設為全部'*'

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
multiple Boolean <optional>
false

輸入是否可選多檔案,預設為false

entireHierarchy Boolean <optional>
false

輸入是否遍歷資料夾內之資料夾與檔案,使用Chrome實驗性語法webkitdirectory,預設為false

sizelimit Number <optional>
1000

輸入檔案大小上線,單位mb,預設為1000mb(約1g)

Returns:

回傳Promise,resolve為各檔案的Uint8Array資料陣列,reject為錯誤訊息

Type
Promise

(static) domTooltip(ele, content, optionopt)

Description:
  • 滑鼠移入元素時彈出提示訊息

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domTooltip(ele, '<b>Hello</b>World')
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入DOM元素

content String

輸入提示html訊息字串,若不給則使用ele.innerHTML

option Object <optional>
{}

輸入tippy提示設定物件,預設{},設定物件詳見tippy官網

(static) domTriggerEvent(ele, eventName)

Description:
  • 前端觸發ele的eventName

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
domTriggerEvent(ele, 'click')
Parameters:
Name Type Description
ele Element

輸入Element元素

eventName String

輸入事件名稱字串

(async, static) domVirtualCreate(fun, optopt) → {Promise}

Description:
  • 前端產生臨時DOM元素為對象並進行客製化處理

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let fun = (ele) => {
    return ele2pic(ele) //use sync or async fun
}
let pic = await domVirtualCreate(fun, { width: 500, height: 350 })
Parameters:
Name Type Attributes Default Description
fun function

輸入處理函數,函數會傳入臨時產生的DOM元素,處理後例如產生base64圖片,並將其回傳,函數可為sync或async函數

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
width Number | String <optional>
null

輸入目標DOM元素寬度數字,單位px,預設null

height Number | String <optional>
null

輸入目標DOM元素高度數字,單位px,預設null

Returns:

回傳Promise,resolve回傳為fun處理後數據,reject回傳錯誤訊息

Type
Promise

(static) domVirtualCreateQueue() → {function}

Description:
  • 前端產生臨時DOM元素為對象並進行客製化處理,並通過佇列管控,限定一次處理一個。初始化後將回傳封裝後的domVirtualCreate,輸入與輸出皆與其相同,詳見domVirtualCreate

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let dpq = domVirtualCreateQueue()

//先給予圖片寬高與產製函數, 內部通過佇列逐次運行產圖與回傳base64
let fun = async (ele) => {

    //chart
    let highchartsOpt = {...} //給予highcharts設定物件
    window.Highcharts.chart(ele, highchartsOpt)

    //html2picDyn, 預設轉出base64
    let html2canvasOpt = { scale: 3 } //放大3倍, 提高解析度
    b64 = await html2picDyn(ele, html2canvasOpt)

    return b64
}

let b64 = await dpq(fun, { width: 500, height: 350 })
Returns:

回傳domVirtualCreate函數

Type
function

(static) downloadExcelFileFromData(fileName, sheetNameopt, data)

Description:
  • 下載資料成為Excel檔案,前後端都可用

    Unit Test: Github

Source:
Example
Try in Codepen
let data

data = [
    ['a', 'b', 'c'],
    [1, 23.45, 'xyz']
]
downloadExcelFileFromData('data(mat).xlsx', 'data', data)

data = [
    { x: 'a', y: 'b', z: 'c' },
    { x: 1, y: 23.45, zzz: 'xyz' },
]
downloadExcelFileFromData('data(ltdt).xlsx', 'data', data)
Parameters:
Name Type Attributes Default Description
fileName String

輸入檔名字串

sheetName String <optional>
'data'

輸入分頁(sheet)名稱字串,預設為'data'

data Array | Element

輸入內容陣列或是DOM的table元素(Element),內容陣列可為二維陣列(mat)或由物件組成的一維陣列(ltdt)

(async, static) downloadExcelFileFromDataDyn(fileName, sheetNameopt, data, pathItems) → {Promise}

Description:
  • 前端下載資料成為Excel檔案,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let data

data = [
    ['a', 'b', 'c'],
    [1, 23.45, 'xyz']
]
downloadExcelFileFromDataDyn('data(mat).xlsx', 'data', data)

data = [
    { x: 'a', y: 'b', z: 'c' },
    { x: 1, y: 23.45, zzz: 'xyz' },
]
downloadExcelFileFromDataDyn('data(ltdt).xlsx', 'data', data)
Parameters:
Name Type Attributes Default Description
fileName String

輸入檔名字串

sheetName String <optional>
'data'

輸入分頁(sheet)名稱字串,預設為'data'

data Array | Element

輸入內容陣列或是DOM的table元素(Element)

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve代表成功,reject回傳錯誤訊息

Type
Promise

(static) downloadFileFromB64(fileName, b64)

Description:
  • 前端下載base64資料成為檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//icon.png to base64
let b64='iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACGklEQVQ4T6WTzWsTQRjGZ/YrEk1oofYgglURCqHb0QrBdLfNQQTPag9V624Sowh6FLz5F3hRqBSym1TsJWDx4EVESXdjWojYTdkqilAEL1ZaMGubNrMzsoGUxqyN4Nzm/fjx8jzvC8F/Ptipfz6eOhxyN8MR4+myX60vwJDGu0M8fwi9ydmWlJgAAB6gFBdQMWf/CfEFWLJ6D1JKSICfhXVXHpzTMovSNRUI9CV6Pf1tN6QNsCSnrjA1/ArvZ3uAS5OU4klkTn/6OJwI1SC5jszsg78CluQJ0aXccWRqsxTcZ5bj33vtg6urY/m86zUtjiTOMRBUxYJWakJaJrBGlVt1R8iefje14SdYeSjNC8H6DdHQH7UBrNjVXsByFwYNfXIvZyxJvQPB1hPRnFn36nYmeB9TEMvCI6KhP98LUJGUSxhC+5ShN2zdAVjDikwBQ1FRM5uA+ejlcBcXoP1FrdqMVWR1lKWgFjH1hRZA5YzS7wrswMlCJu8lykPpIBfESQAIwBtCpqlLRUqOQ4IXBt7mvrQAvE9FVu862HkYK+U3LVm9SAn5wLCQIQCcQHPZZ35WtrhQjqd7eLw9tsb1ad3uioKM7OOGfbJyc53ty3aRr0mW1GaaArZN4AWskdRRSPFZQpljkGGmICGQQpqCDFkh2/QFKnXYRA/y+fztsPOzGt3C9YZQgX18VPjxqxSx884/3UKnC92d/w3GFd4RMMe9pgAAAABJRU5ErkJggg=='
downloadFileFromB64('icon.png',b64)
Parameters:
Name Type Description
fileName String

輸入檔名字串

b64 String

輸入base64資料字串

(static) downloadFileFromBlob(fileName, blob)

Description:
  • 前端下載Blob資料成為檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//icon.png to u8a to blob
let u8a = new Uint8Array([137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,16,0,0,0,16,8,6,0,0,0,31,243,255,97,0,0,2,26,73,68,65,84,56,79,165,147,205,107,19,65,24,198,103,246,43,18,77,104,161,246,32,130,85,17,10,161,219,209,10,193,116,183,205,65,4,207,106,15,85,235,110,18,163,8,122,20,188,249,23,120,81,168,20,178,155,84,236,37,96,241,224,69,68,73,119,99,90,136,216,77,217,42,138,80,4,47,86,90,48,107,155,54,179,51,178,129,148,198,172,141,224,220,230,253,248,241,242,60,239,11,193,127,62,216,169,127,62,158,58,28,114,55,195,17,227,233,178,95,173,47,192,144,198,187,67,60,127,8,189,201,217,150,148,152,0,0,30,160,20,23,80,49,103,255,9,241,5,88,178,122,15,82,74,72,128,159,133,117,87,30,156,211,50,139,210,53,21,8,244,37,122,61,253,109,55,164,13,176,36,167,174,48,53,252,10,239,103,123,128,75,147,148,226,73,100,78,127,250,56,156,8,213,32,185,142,204,236,131,191,2,150,228,9,209,165,220,113,100,106,179,20,220,103,150,227,223,123,237,131,171,171,99,249,188,235,53,45,142,36,206,49,16,84,197,130,86,106,66,90,38,176,70,149,91,117,71,200,158,126,55,181,225,39,88,121,40,205,11,193,250,13,209,208,31,181,1,172,216,213,94,192,114,23,6,13,125,114,47,103,44,73,189,3,193,214,19,209,156,89,247,234,118,38,120,31,83,16,203,194,35,162,161,63,223,11,80,145,148,75,24,66,251,148,161,55,108,221,1,88,195,138,76,1,67,81,81,51,155,128,249,232,229,112,23,23,160,253,69,173,218,140,85,100,117,148,165,160,22,49,245,133,22,64,229,140,210,239,10,236,192,201,66,38,239,37,202,67,233,32,23,196,73,0,8,192,27,66,166,169,75,69,74,142,67,130,23,6,222,230,190,180,0,188,79,69,86,239,58,216,121,24,43,229,55,45,89,189,72,9,249,192,176,144,33,0,156,64,115,217,103,126,86,182,184,80,142,167,123,120,188,61,182,198,245,105,221,238,138,130,140,236,227,134,125,178,114,115,157,237,203,118,145,175,73,150,212,102,154,2,182,77,224,5,172,145,212,81,72,241,89,66,153,99,144,97,166,32,33,144,66,154,130,12,89,33,219,244,5,42,117,216,68,15,242,249,252,237,176,243,179,26,221,194,245,134,80,129,125,124,84,248,241,171,20,177,243,206,63,221,66,167,11,221,157,255,13,198,21,222,17,48,199,189,166,0,0,0,0,73,69,78,68,174,66,96,130])
let bb = new Blob([u8a])
downloadFileFromBlob('icon.png',bb)
Parameters:
Name Type Description
fileName String

輸入檔名字串

blob Blob

輸入資料Blob

(static) downloadFileFromText(fileName, ccont, withBOMopt)

Description:
  • 前端下載text資料成為utf-8(含BOM)檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ctxt = 'abc\r\nde測試'
downloadFileFromText('data.txt',ctxt,false)

let ccsv = 'a,b,c\r\nd,e,測試'
downloadFileFromText('data.csv',ccsv,true)
Parameters:
Name Type Attributes Default Description
fileName String

輸入檔名字串

ccont String

輸入內容字串

withBOM Boolean <optional>
true

輸入是否添加BOM,預設true

(static) downloadFileFromU8Arr(fileName, u8a)

Description:
  • 前端下載binary資料成為檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//icon.png to u8a
let u8a = new Uint8Array([137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,0,16,0,0,0,16,8,6,0,0,0,31,243,255,97,0,0,2,26,73,68,65,84,56,79,165,147,205,107,19,65,24,198,103,246,43,18,77,104,161,246,32,130,85,17,10,161,219,209,10,193,116,183,205,65,4,207,106,15,85,235,110,18,163,8,122,20,188,249,23,120,81,168,20,178,155,84,236,37,96,241,224,69,68,73,119,99,90,136,216,77,217,42,138,80,4,47,86,90,48,107,155,54,179,51,178,129,148,198,172,141,224,220,230,253,248,241,242,60,239,11,193,127,62,216,169,127,62,158,58,28,114,55,195,17,227,233,178,95,173,47,192,144,198,187,67,60,127,8,189,201,217,150,148,152,0,0,30,160,20,23,80,49,103,255,9,241,5,88,178,122,15,82,74,72,128,159,133,117,87,30,156,211,50,139,210,53,21,8,244,37,122,61,253,109,55,164,13,176,36,167,174,48,53,252,10,239,103,123,128,75,147,148,226,73,100,78,127,250,56,156,8,213,32,185,142,204,236,131,191,2,150,228,9,209,165,220,113,100,106,179,20,220,103,150,227,223,123,237,131,171,171,99,249,188,235,53,45,142,36,206,49,16,84,197,130,86,106,66,90,38,176,70,149,91,117,71,200,158,126,55,181,225,39,88,121,40,205,11,193,250,13,209,208,31,181,1,172,216,213,94,192,114,23,6,13,125,114,47,103,44,73,189,3,193,214,19,209,156,89,247,234,118,38,120,31,83,16,203,194,35,162,161,63,223,11,80,145,148,75,24,66,251,148,161,55,108,221,1,88,195,138,76,1,67,81,81,51,155,128,249,232,229,112,23,23,160,253,69,173,218,140,85,100,117,148,165,160,22,49,245,133,22,64,229,140,210,239,10,236,192,201,66,38,239,37,202,67,233,32,23,196,73,0,8,192,27,66,166,169,75,69,74,142,67,130,23,6,222,230,190,180,0,188,79,69,86,239,58,216,121,24,43,229,55,45,89,189,72,9,249,192,176,144,33,0,156,64,115,217,103,126,86,182,184,80,142,167,123,120,188,61,182,198,245,105,221,238,138,130,140,236,227,134,125,178,114,115,157,237,203,118,145,175,73,150,212,102,154,2,182,77,224,5,172,145,212,81,72,241,89,66,153,99,144,97,166,32,33,144,66,154,130,12,89,33,219,244,5,42,117,216,68,15,242,249,252,237,176,243,179,26,221,194,245,134,80,129,125,124,84,248,241,171,20,177,243,206,63,221,66,167,11,221,157,255,13,198,21,222,17,48,199,189,166,0,0,0,0,73,69,78,68,174,66,96,130])
downloadFileFromU8Arr('icon.png',u8a)
Parameters:
Name Type Description
fileName String

輸入檔名字串

u8a Uint8Array

輸入Uint8Array資料

(static) dtmapping(dt, keys, defopt) → {Object}

Description:
  • 由dt物件提取指定keys欄位出來成為新物件,若物件不存在keys的欄位時,則會自動填入指定數據def

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(dtmapping({ a: 'a123', b: 234, c: '345' }, ['a', 'b']))
// => { a: 'a123', b: 234 }

console.log(dtmapping({ a: 'a123', b: 234, c: '345' }, ['a', 'b', 'x']))
// => { a: 'a123', b: 234, x: '' }
Parameters:
Name Type Attributes Default Description
dt Object

輸入資料物件

keys Array

輸入要提取欄位集合的字串陣列

def * <optional>
''

輸入若無提取欄位時所給予的預設值,預設為''

Returns:

回傳處理後物件

Type
Object

(static) dtpick(dt, keys) → {Object}

Description:
  • 由dt物件提取指定keys欄位出來成為新物件,僅保留有keys的欄位,若不存在欄位就不提取

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(dtpick({ a: 'a123', b: 234, c: '345' }, ['a', 'b']))
// => { a: 'a123', b: 234 }

console.log(dtpick({ a: 'a123', b: 234, c: '345' }, ['a', 'b', 'x']))
// => { a: 'a123', b: 234 }
Parameters:
Name Type Description
dt Object

輸入資料物件

keys Array

輸入要提取欄位集合的字串陣列

Returns:

回傳處理後物件

Type
Object

(static) evem()

Description:
Source:
Example
Try in Codepen
let ev = wsemi.evem()
ev.on('evName',function(msg){
    console.log(msg)
    // => {abc: 12.34}
})
let data = {abc:12.34}
ev.emit('evName',data)

(static) execProcess(prog, args, optopt) → {Promise}

Description:
  • 呼叫執行檔執行

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in nodejs

if (true) {
    let prog = 'prog.exe'
    let args = 'input'
    execProcess(prog, args)
        .then(function(data) {
            console.log('then', data)
        })
        .catch(function(data) {
            console.log('catch', data)
        })
}

if (true) {
    let prog = `"C:\\Program Files\\7-Zip\\7z.exe"`
    let pw = 'AbcD1234'
    let args = `a aaa.7z aaa.txt -p${pw}`
    execProcess(prog, args)
        .then(function(data) {
            console.log('then', data)
        })
        .catch(function(data) {
            console.log('catch', data)
        })
}
Parameters:
Name Type Attributes Default Description
prog String

輸入執行檔或程式語言位置字串,若為註冊系統的全域指令,例如可直接給'Python',腳本需自行接收呼叫引數,並將回傳資料轉json字串後print/log到dos視窗,即可由nodejs接收

args String | Array

輸入腳本檔案位置字串或參數

opt Object <optional>
{}

輸入設定物件

Properties
Name Type Attributes Default Description
cbStdout function <optional>
null

輸入回調stdout函數,預設null

cbStderr function <optional>
null

輸入回調stderr函數,預設null

Returns:

回傳Promise,resolve回傳成功訊息,reject回傳錯誤訊息

Type
Promise

(async, static) execPyodide(optopt) → {Number|String|Boolean|Array|Object}

Description:
  • 通過Pyodide執行Python程式碼

    Unit Test: Github

Source:
Example
Try in Codepen
async function test() {

    let pkgs = [
        'scipy',
    ]
    let imps = [
        'from scipy.interpolate import griddata',
    ]
    let psSrc = [
        [-0.1, -0.1, -0.1, 0],
        [1, 0, 0, 0],
        [1, 1, 0, 0],
        [0, 0, 1, 0],
        [1, 0, 1, 0],
        [1, 1, 1, 10],
    ]
    let psLocs = []
    let psValus = []
    for (let k = 0; k < psSrc.length; k++) {
        let v = psSrc[k]
        psLocs.push([v[0], v[1], v[2]])
        psValus.push(v[3])
    }
    let psTar = [
        0.1, 0.1, 0.95
    ]
    let inps = [
        psLocs,
        psValus,
        psTar,
    ]
    let content = `
ret = griddata(rIn1, rIn2, rIn3, method='linear')
    `
    let rs = await execPyodide({
        pkgs,
        imps,
        inps,
        content,
    })
    console.log('rs', rs)

}

test()
    .catch((err) => {
        console.log(err)
    })
// Loading micropip, packaging
// Loaded packaging, micropip
// Loading scipy, numpy, clapack
// Loaded clapack, numpy, scipy
// scipy already loaded from default channel
// No new packages to load
// rs Float64Array(1) [ 0.49999999999999933 ]
Parameters:
Name Type Attributes Default Description
opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
pkgs Array <optional>
[]

輸入Python引用已安裝套件字串陣列,例如為'scipy'、'numpy'等,預設[]

imps Array <optional>
[]

輸入Python引入(import)的字串陣列,例如為['import scipy','import numpy']等,預設[]

inps Array <optional>
[]

輸入輸入數據陣列,例如為[123,'abc']等,預設[]

content String <optional>
''

輸入執行程式核心字串,若要使用inps則使用'rIn數字',數字由1至inps的長度n,回傳使用'ret'接收,例如ret = fun(rIn1,rIn2,...rInn),預設''

Returns:

回傳運算結果資料

Type
Number | String | Boolean | Array | Object

(async, static) execPyodideDyn(optopt, pathItems) → {Number|String|Boolean|Array|Object}

Description:
  • 通過Pyodide執行Python程式碼,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
async function test() {

    let pkgs = [
        'scipy',
    ]
    let imps = [
        'from scipy.interpolate import griddata',
    ]
    let psSrc = [
        [-0.1, -0.1, -0.1, 0],
        [1, 0, 0, 0],
        [1, 1, 0, 0],
        [0, 0, 1, 0],
        [1, 0, 1, 0],
        [1, 1, 1, 10],
    ]
    let psLocs = []
    let psValus = []
    for (let k = 0; k < psSrc.length; k++) {
        let v = psSrc[k]
        psLocs.push([v[0], v[1], v[2]])
        psValus.push(v[3])
    }
    let psTar = [
        0.1, 0.1, 0.95
    ]
    let inps = [
        psLocs,
        psValus,
        psTar,
    ]
    let content = `
ret = griddata(rIn1, rIn2, rIn3, method='linear')
    `
    let rs = await execPyodideDyn({
        pkgs,
        imps,
        inps,
        content,
    })
    console.log('rs', rs)

}

test()
    .catch((err) => {
        console.log(err)
    })
// Loading micropip, packaging
// Loaded packaging, micropip
// Loading scipy, numpy, clapack
// Loaded clapack, numpy, scipy
// scipy already loaded from default channel
// No new packages to load
// rs Float64Array(1) [ 0.49999999999999933 ]
Parameters:
Name Type Attributes Default Description
opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
pkgs Array <optional>
[]

輸入Python引用已安裝套件字串陣列,例如為'scipy'、'numpy'等,預設[]

imps Array <optional>
[]

輸入Python引入(import)的字串陣列,例如為['import scipy','import numpy']等,預設[]

inps Array <optional>
[]

輸入輸入數據陣列,例如為[123,'abc']等,預設[]

content String <optional>
''

輸入執行程式核心字串,若要使用inps則使用'rIn數字',數字由1至inps的長度n,回傳使用'ret'接收,例如ret = fun(rIn1,rIn2,...rInn),預設''

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳運算結果資料

Type
Number | String | Boolean | Array | Object

(static) execScript(prog, args) → {Promise}

Description:
  • 呼叫執行檔或程式語言prog執行scp腳本

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in nodejs

if(true){
    let prog = 'python'
    let scp = 'fun.py'
    let pa = 'sin'
    let pb = '12'
    let pc = '34.56'
    execScript(prog, [scp, pa, pb, pc])
        .then(function(data) {
            console.log('then', data)
        })
        .catch(function(data) {
            console.log('catch', data)
        })
}

if(true){
    let prog = 'prog.exe'
    let args = 'input'
    execScript(prog, args)
        .then(function(data) {
            console.log('then', data)
        })
        .catch(function(data) {
            console.log('catch', data)
        })
}

if(true){
    let prog = 'C:\\Program Files\\7-Zip\\7z.exe'
    let pw = 'AbcD1234'
    let args = ['a', 'aaa.7z', 'aaa.txt', '-p' + pw]
    execScript(prog, args)
        .then(function(data) {
            console.log('then', data)
        })
        .catch(function(data) {
            console.log('catch', data)
        })
}
Parameters:
Name Type Description
prog String

輸入執行檔或程式語言位置字串,若為註冊系統的全域指令,例如可直接給'Python',腳本需自行接收呼叫引數,並將回傳資料轉json字串後print/log到dos視窗,即可由nodejs接收

args String | Array

輸入腳本檔案位置字串或參數

Returns:

回傳Promise,resolve回傳成功訊息,reject回傳錯誤訊息

Type
Promise

(static) f2c(c) → {String}

Description:
  • 函數內註解轉字串

    Unit Test: Github

Source:
Example
Try in Codepen
let f = function() { ╱**abc*╱ } //jsdoc can't parser multi-line comments here, need convert "╱" to "/"
console.log(f2c(f))
// => 'abc'
Parameters:
Name Type Description
c function

輸入函數

Returns:

回傳字串

Type
String

(static) filepathToTree(fps, optopt, delimiteropt, bindRootopt, soryItemsopt) → {Object}

Description:
  • 轉換檔案路徑陣列成為樹狀物件與關聯資料物件

    Unit Test: Github

Source:
Example
Try in Codepen
let fps1 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r1 = filepathToTree(fps1)
//fs.writeFileSync('r1.json', JSON.stringify(r1), 'utf8')
console.log(r1)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root❯aaa': '0.children.0',
//     'root❯aaa❯bbb': '0.children.0.children.0',
//     'root❯aaa❯bbb❯z1.txt': '0.children.0.children.0.children.0'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa' },
//     { type: 'folder', path: '/root/aaa/bbb' },
//     { type: 'file', path: '/root/aaa/bbb/z1.txt' }
//   ]
// }

let fps2 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r2 = filepathToTree(fps2, { delimiter: '>' })
//fs.writeFileSync('r2.json', JSON.stringify(r2), 'utf8')
console.log(r2)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root>aaa': '0.children.0',
//     'root>aaa>bbb': '0.children.0.children.0',
//     'root>aaa>bbb>z1.txt': '0.children.0.children.0.children.0'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa' },
//     { type: 'folder', path: '/root/aaa/bbb' },
//     { type: 'file', path: '/root/aaa/bbb/z1.txt' }
//   ]
// }

let fps3 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r3 = filepathToTree(fps3, { bindRoot: '本機' })
//fs.writeFileSync('r3.json', JSON.stringify(r3), 'utf8')
console.log(r3)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: '本機',
//       parentId: '',
//       text: '本機',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: '本機',
//       parentId: '',
//       text: '本機',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     '本機': '0',
//     '本機❯aaa': '0.children.0',
//     '本機❯aaa❯bbb': '0.children.0.children.0',
//     '本機❯aaa❯bbb❯z1.txt': '0.children.0.children.0.children.0'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/本機/aaa' },
//     { type: 'folder', path: '/本機/aaa/bbb' },
//     { type: 'file', path: '/本機/aaa/bbb/z1.txt' }
//   ]
// }

let fps4 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa1.txt' }, { 'type': 'file', 'path': '/aaa2.txt' }, { 'type': 'folder', 'path': '/aaa/aaabbb' }, { 'type': 'file', 'path': '/aaa/aaabbb.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/aaabbbccc.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd/abcde.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef1.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef2.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef3 aaa bbb ccc dddddd eeeeeee fffffffffff ggggggggggggg.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg01.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg02.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg03.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg04.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg05.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg06.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg07.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg08.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg09.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg10.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg11.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg12.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg13.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg14.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg15.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg16.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg17.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg18.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg19.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg20.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd1.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd2.txt' }, { 'type': 'folder', 'path': '/bbb' }, { 'type': 'file', 'path': '/ccc/cccddd/cccdddeee.txt' }, { 'type': 'folder', 'path': '/eee' }, { 'type': 'folder', 'path': '/eee/eeefff1' }, { 'type': 'folder', 'path': '/eee/eeefff2' }, { 'type': 'folder', 'path': '/ggg/' }, { 'type': 'folder', 'path': 'c:\\\\hhh' }, { 'type': 'folder', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff' }, { 'type': 'file', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/gfedcba.txt' }, { 'type': 'file', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg/hhh.txt' }, { 'type': 'folder', 'path': 'd:\\\\中文路徑1' }, { 'type': 'folder', 'path': '/中文路徑2' }, { 'type': 'file', 'path': '/中文路徑2/aaa/aaabbb/abc/測試.txt' }]
let r4 = filepathToTree(fps4)
//fs.writeFileSync('r4.json', JSON.stringify(r4), 'utf8')
console.log(r4)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root❯aaa': '0.children.0',
//     'root❯aaaa': '0.children.1',
//     'root❯bbb': '0.children.2',
//     'root❯c:': '0.children.3',
//     'root❯ccc': '0.children.4',
//     'root❯d:': '0.children.5',
//     'root❯eee': '0.children.6',
//     'root❯ggg': '0.children.7',
//     'root❯中文路徑2': '0.children.8',
//     'root❯aaaa❯bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff': '0.children.1.children.0',
//     'root❯aaa❯aaabbb': '0.children.0.children.0',
//     'root❯c:❯hhh': '0.children.3.children.0',
//     'root❯ccc❯cccddd': '0.children.4.children.0',
//     'root❯d:❯中文路徑1': '0.children.5.children.0',
//     'root❯eee❯eeefff1': '0.children.6.children.0',
//     'root❯eee❯eeefff2': '0.children.6.children.1',
//     'root❯中文路徑2❯aaa': '0.children.8.children.0',
//     'root❯aaaa❯bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff❯ggg': '0.children.1.children.0.children.0',
//     'root❯aaa❯aaabbb❯abc': '0.children.0.children.0.children.0',
//     'root❯中文路徑2❯aaa❯aaabbb': '0.children.8.children.0.children.0',
//     'root❯aaa❯aaabbb❯abc❯abcd': '0.children.0.children.0.children.0.children.0',
//     'root❯aaa❯aaabbb❯abc❯abcde': '0.children.0.children.0.children.0.children.1',
//     'root❯中文路徑2❯aaa❯aaabbb❯abc': '0.children.8.children.0.children.0.children.0',
//     'root❯aaa1.txt': '0.children.9',
//     'root❯aaa2.txt': '0.children.10',
//     'root❯aaa❯aaabbb.txt': '0.children.0.children.1',
//     'root❯aaaa❯bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff❯gfedcba.txt': '0.children.1.children.0.children.1',
//     'root❯aaa❯aaabbb❯aaabbbccc.txt': '0.children.0.children.0.children.1',
//     'root❯ccc❯cccddd❯cccdddeee.txt': '0.children.4.children.0.children.0',
//     'root❯aaaa❯bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff❯ggg❯hhh.txt': '0.children.1.children.0.children.0.children.0',
//     'root❯aaa❯aaabbb❯abc❯abcd1.txt': '0.children.0.children.0.children.0.children.2',
//     'root❯aaa❯aaabbb❯abc❯abcd2.txt': '0.children.0.children.0.children.0.children.3',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdef1.txt': '0.children.0.children.0.children.0.children.1.children.0',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdef2.txt': '0.children.0.children.0.children.0.children.1.children.1',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdef3 aaa bbb ccc dddddd eeeeeee fffffffffff ggggggggggggg.txt': '0.children.0.children.0.children.0.children.1.children.2',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg01.txt': '0.children.0.children.0.children.0.children.1.children.3',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg02.txt': '0.children.0.children.0.children.0.children.1.children.4',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg03.txt': '0.children.0.children.0.children.0.children.1.children.5',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg04.txt': '0.children.0.children.0.children.0.children.1.children.6',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg05.txt': '0.children.0.children.0.children.0.children.1.children.7',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg06.txt': '0.children.0.children.0.children.0.children.1.children.8',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg07.txt': '0.children.0.children.0.children.0.children.1.children.9',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg08.txt': '0.children.0.children.0.children.0.children.1.children.10',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg09.txt': '0.children.0.children.0.children.0.children.1.children.11',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg10.txt': '0.children.0.children.0.children.0.children.1.children.12',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg11.txt': '0.children.0.children.0.children.0.children.1.children.13',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg12.txt': '0.children.0.children.0.children.0.children.1.children.14',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg13.txt': '0.children.0.children.0.children.0.children.1.children.15',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg14.txt': '0.children.0.children.0.children.0.children.1.children.16',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg15.txt': '0.children.0.children.0.children.0.children.1.children.17',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg16.txt': '0.children.0.children.0.children.0.children.1.children.18',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg17.txt': '0.children.0.children.0.children.0.children.1.children.19',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg18.txt': '0.children.0.children.0.children.0.children.1.children.20',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg19.txt': '0.children.0.children.0.children.0.children.1.children.21',
//     'root❯aaa❯aaabbb❯abc❯abcde❯abcdefg20.txt': '0.children.0.children.0.children.0.children.1.children.22',
//     'root❯aaa❯aaabbb❯abc❯abcd❯abcde.txt': '0.children.0.children.0.children.0.children.0.children.0',
//     'root❯中文路徑2❯aaa❯aaabbb❯abc❯測試.txt': '0.children.8.children.0.children.0.children.0.children.0'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa' },
//     { type: 'file', path: '/root/aaa1.txt' },
//     { type: 'file', path: '/root/aaa2.txt' },
//     { type: 'folder', path: '/root/aaa/aaabbb' },
//     { type: 'file', path: '/root/aaa/aaabbb.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/aaabbbccc.txt' },
//     { type: 'folder', path: '/root/aaa/aaabbb/abc' },
//     { type: 'folder', path: '/root/aaa/aaabbb/abc/abcd' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcd/abcde.txt' },
//     { type: 'folder', path: '/root/aaa/aaabbb/abc/abcde' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdef1.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdef2.txt' },
//     {
//       type: 'file',
//       path: '/root/aaa/aaabbb/abc/abcde/abcdef3 aaa bbb ccc dddddd eeeeeee fffffffffff ggggggggggggg.txt'
//     },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg01.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg02.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg03.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg04.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg05.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg06.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg07.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg08.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg09.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg10.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg11.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg12.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg13.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg14.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg15.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg16.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg17.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg18.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg19.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcde/abcdefg20.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcd1.txt' },
//     { type: 'file', path: '/root/aaa/aaabbb/abc/abcd2.txt' },
//     { type: 'folder', path: '/root/bbb' },
//     { type: 'folder', path: '/root/ccc' },
//     { type: 'folder', path: '/root/ccc/cccddd' },
//     { type: 'file', path: '/root/ccc/cccddd/cccdddeee.txt' },
//     { type: 'folder', path: '/root/eee' },
//     { type: 'folder', path: '/root/eee/eeefff1' },
//     { type: 'folder', path: '/root/eee/eeefff2' },
//     { type: 'folder', path: '/root/ggg' },
//     { type: 'folder', path: '/root/c:' },
//     { type: 'folder', path: '/root/c:/hhh' },
//     { type: 'folder', path: '/root/aaaa' },
//     {
//       type: 'folder',
//       path: '/root/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff'
//     },
//     {
//       type: 'file',
//       path: '/root/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/gfedcba.txt'
//     },
//     {
//       type: 'folder',
//       path: '/root/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg'
//     },
//     {
//       type: 'file',
//       path: '/root/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg/hhh.txt'
//     },
//     { type: 'folder', path: '/root/d:' },
//     { type: 'folder', path: '/root/d:/中文路徑1' },
//     { type: 'folder', path: '/root/中文路徑2' },
//     { type: 'folder', path: '/root/中文路徑2/aaa' },
//     { type: 'folder', path: '/root/中文路徑2/aaa/aaabbb' },
//     { type: 'folder', path: '/root/中文路徑2/aaa/aaabbb/abc' },
//     { type: 'file', path: '/root/中文路徑2/aaa/aaabbb/abc/測試.txt' }
//   ]
// }

let fps5 = [{ 'type': 'folder', 'path': '/aaa1' }, { 'type': 'folder', 'path': '/aaa2' }, { 'type': 'folder', 'path': '/aaa10' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z2.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z10.txt' }]
let soryItems5 = (rs, pid, ns) => {
    // console.log('soryItems', 'pid=', pid, 'ns=', ns, 'rs=', rs)
    rs = arrSort(rs, { compareKey: 'text' })
    return rs
}
let r5 = filepathToTree(fps5, { soryItems: soryItems5 })
//fs.writeFileSync('r5.json', JSON.stringify(r5), 'utf8')
console.log(r5)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root❯aaa': '0.children.0',
//     'root❯aaa1': '0.children.1',
//     'root❯aaa10': '0.children.2',
//     'root❯aaa2': '0.children.3',
//     'root❯aaa❯bbb': '0.children.0.children.0',
//     'root❯aaa❯bbb❯z1.txt': '0.children.0.children.0.children.0',
//     'root❯aaa❯bbb❯z2.txt': '0.children.0.children.0.children.1',
//     'root❯aaa❯bbb❯z10.txt': '0.children.0.children.0.children.2'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa1' },
//     { type: 'folder', path: '/root/aaa2' },
//     { type: 'folder', path: '/root/aaa10' },
//     { type: 'folder', path: '/root/aaa' },
//     { type: 'folder', path: '/root/aaa/bbb' },
//     { type: 'file', path: '/root/aaa/bbb/z1.txt' },
//     { type: 'file', path: '/root/aaa/bbb/z2.txt' },
//     { type: 'file', path: '/root/aaa/bbb/z10.txt' }
//   ]
// }

let fps6 = [{ 'type': 'folder', 'path': '/aaa1' }, { 'type': 'folder', 'path': '/aaa2' }, { 'type': 'folder', 'path': '/aaa10' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z2.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z10.txt' }]
let soryItems6 = (rs, pid, ns) => {
    // console.log('soryItems', 'pid=', pid, 'ns=', ns, 'rs=', rs)
    rs = arrSort(rs, { compareKey: 'text', localeCompare: true })
    return rs
}
let r6 = filepathToTree(fps6, { soryItems: soryItems6 })
//fs.writeFileSync('r6.json', JSON.stringify(r6), 'utf8')
console.log(r6)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root❯aaa': '0.children.0',
//     'root❯aaa1': '0.children.1',
//     'root❯aaa2': '0.children.2',
//     'root❯aaa10': '0.children.3',
//     'root❯aaa❯bbb': '0.children.0.children.0',
//     'root❯aaa❯bbb❯z1.txt': '0.children.0.children.0.children.0',
//     'root❯aaa❯bbb❯z2.txt': '0.children.0.children.0.children.1',
//     'root❯aaa❯bbb❯z10.txt': '0.children.0.children.0.children.2'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa1' },
//     { type: 'folder', path: '/root/aaa2' },
//     { type: 'folder', path: '/root/aaa10' },
//     { type: 'folder', path: '/root/aaa' },
//     { type: 'folder', path: '/root/aaa/bbb' },
//     { type: 'file', path: '/root/aaa/bbb/z1.txt' },
//     { type: 'file', path: '/root/aaa/bbb/z2.txt' },
//     { type: 'file', path: '/root/aaa/bbb/z10.txt' }
//   ]
// }

//先建虛擬資料夾再補建資料夾
let fps7 = [
    { 'type': 'folder', 'path': '/aaa', 'ext': 'ext1' },
    { 'type': 'file', 'path': '/aaa/bbb/z1.txt', 'ext': 'ext2' },
    { 'type': 'folder', 'path': '/aaa/bbb', 'ext': 'ext3' },
]
let r7 = filepathToTree(fps7)
// fs.writeFileSync('r7.json', JSON.stringify(r7), 'utf8')
console.log(r7)
console.log('\n\n')
// => {
//   treeItems: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   treeItemsFolder: [
//     {
//       _indOri: null,
//       _indNormalize: null,
//       ns: 1,
//       ts: [Array],
//       pathInfors: [Array],
//       _type: 'folder',
//       type: 'array',
//       numOfChilren: -1,
//       id: 'root',
//       parentId: '',
//       text: 'root',
//       children: [Array],
//       data: null
//     }
//   ],
//   kpPath: {
//     root: '0',
//     'root❯aaa': '0.children.0',
//     'root❯aaa❯bbb': '0.children.0.children.0',
//     'root❯aaa❯bbb❯z1.txt': '0.children.0.children.0.children.0'
//   },
//   fpsNormalize: [
//     { type: 'folder', path: '/root/aaa', ext: 'ext1' },
//     { type: 'folder', path: '/root/aaa/bbb', ext: 'ext3' },
//     { type: 'file', path: '/root/aaa/bbb/z1.txt', ext: 'ext2' }
//   ]
// }

//先建虛擬資料夾再補建檔案須報錯
let fps8 = [
    { 'type': 'folder', 'path': '/aaa', 'ext': 'ext1' },
    { 'type': 'file', 'path': '/aaa/bbb/z1.txt', 'ext': 'ext2' },
    { 'type': 'file', 'path': '/aaa/bbb', 'ext': 'ext3' },
]
let r8
try {
    r8 = filepathToTree(fps8)
}
catch (err) {
    r8 = err.toString()
}
//fs.writeFileSync('r8.json', JSON.stringify(r8), 'utf8')
console.log(r8)
console.log('\n\n')
// => Error: id[root❯aaa❯bbb] is unrecognized from a folder to file

//先建檔案再補建虛擬資料夾須報錯
let fps9 = [
    { 'type': 'folder', 'path': '/aaa', 'ext': 'ext1' },
    { 'type': 'file', 'path': '/aaa/bbb', 'ext': 'ext3' },
    { 'type': 'file', 'path': '/aaa/bbb/z1.txt', 'ext': 'ext2' },
]
let r9
try {
    r9 = filepathToTree(fps9)
}
catch (err) {
    r9 = err.toString()
}
//fs.writeFileSync('r9.json', JSON.stringify(r9), 'utf8')
console.log(r9)
console.log('\n\n')
// => Error: id[root❯aaa❯bbb] is unrecognized from a file to folder

//先建檔案再補建資料夾須報錯
let fps10 = [
    { 'type': 'folder', 'path': '/aaa', 'ext': 'ext1' },
    { 'type': 'file', 'path': '/aaa/bbb', 'ext': 'ext3' },
    { 'type': 'folder', 'path': '/aaa/bbb', 'ext': 'ext4' },
    { 'type': 'file', 'path': '/aaa/bbb/z1.txt', 'ext': 'ext2' },
]
let r10
try {
    r10 = filepathToTree(fps10)
}
catch (err) {
    r10 = err.toString()
}
//fs.writeFileSync('r10.json', JSON.stringify(r10), 'utf8')
console.log(r10)
console.log('\n\n')
// => Error: id[root❯aaa❯bbb] is unrecognized from a file to folder
Parameters:
Name Type Attributes Default Description
fps Array

輸入項目陣列,每個項目需為物件,並提供path與type兩鍵值,其中type需為'folder'或'file'

opt Object <optional>
{}

輸入設定物件,預設{}

delimiter String <optional>
'❯'

輸入路徑分隔字串,預設'❯'

bindRoot String <optional>
'root'

輸入臨時封裝用根目錄字串,預設'root'

soryItems function <optional>
null

輸入排序產生樹狀物件函數,預設null

Returns:

回傳結果物件,其內treeItems為資料夾與檔案之樹狀物件,treeItemsFolder為僅資料夾之樹狀物件,kpPath為各項目id之取樹狀物件路徑物件,fpsNormalize為重新正規化之檔案路徑陣列

Type
Object

(static) files2data(files) → {Promise}

Description:
  • 前端input檔案物件陣列轉資料物件陣列,各檔案將轉為Base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser
Parameters:
Name Type Description
files Array

輸入File陣列

Returns:

回傳Promise,resolve回傳File的資料物件陣列,各檔案將轉為Base64字串

Type
Promise

(static) flattenToConn(data, optopt, bindKeyopt, bindParentopt, bindBelongopt, bindTextopt, bindTypeopt, bindNumOfChilrenopt) → {Array}

Description:
  • 展平物件或陣列成為關聯陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let r

let obj = {
    a: 1,
    b: 12.3,
    c: 'abc',
    d: '45-de',
    x: true,
    y: null,
    z: function() {},
    e: [],
    f: [
        91,
        912.3,
        'abc',
        '945-de',
        true,
        null,
        function() {},
        [
            5,
            54.3,
            'xyz',
        ]
    ],
    g: {},
    h: {
        ga: 81,
        gb: 812.3,
        gc: 'abc',
        gd: '845-de',
        ge: [
            71,
            712.3,
            'abc',
            '745-de',
            true,
            null,
            function() {},
        ],
        gf: {
            gfa: 61,
            gfb: 612.3,
            gfc: 'abc',
            gfd: '645-de',
            gfe: true,
            gff: null,
            gfg: function() {},
        },
        gx: true,
        gy: null,
        gz: function() {},
    },
    i: Symbol('foo'),
    [Symbol('i-sym-key-a')]: 'i-sym-value',
    [Symbol('i-sym-key-b')]: {
        symfa: 61,
        symfb: 612.3,
        symfc: 'abc',
        symfd: '645-de',
        symfe: true,
        symff: null,
        symfg: function() {},
    },
}
r = flattenToConn(obj)
console.log('flattenToConn obj', r)
// => flattenToConn obj [
//   { id: 'a', parentId: '', type: 'node', key: 'a', text: 1 },
//   { id: 'b', parentId: '', type: 'node', key: 'b', text: 12.3 },
//   { id: 'c', parentId: '', type: 'node', key: 'c', text: 'abc' },
//   { id: 'd', parentId: '', type: 'node', key: 'd', text: '45-de' },
//   { id: 'x', parentId: '', type: 'node', key: 'x', text: true },
//   { id: 'y', parentId: '', type: 'node', key: 'y', text: null },
//   {
//     id: 'z',
//     parentId: '',
//     type: 'node',
//     key: 'z',
//     text: [Function: z]
//   },
//   { id: 'e', parentId: '', type: 'array', key: 'e', numOfChilren: 0 },
//   { id: 'f', parentId: '', type: 'array', key: 'f', numOfChilren: 8 },
//   { id: 'f-0', parentId: 'f', type: 'node', key: 0, text: 91 },
//   { id: 'f-1', parentId: 'f', type: 'node', key: 1, text: 912.3 },
//   { id: 'f-2', parentId: 'f', type: 'node', key: 2, text: 'abc' },
//   { id: 'f-3', parentId: 'f', type: 'node', key: 3, text: '945-de' },
//   { id: 'f-4', parentId: 'f', type: 'node', key: 4, text: true },
//   { id: 'f-5', parentId: 'f', type: 'node', key: 5, text: null },
//   {
//     id: 'f-6',
//     parentId: 'f',
//     type: 'node',
//     key: 6,
//     text: [Function (anonymous)]
//   },
//   { id: 'f-7', parentId: 'f', type: 'array', key: 7, numOfChilren: 3 },
//   { id: 'f-7-0', parentId: 'f-7', type: 'node', key: 0, text: 5 },
//   { id: 'f-7-1', parentId: 'f-7', type: 'node', key: 1, text: 54.3 },
//   { id: 'f-7-2', parentId: 'f-7', type: 'node', key: 2, text: 'xyz' },
//   { id: 'g', parentId: '', type: 'object', key: 'g', numOfChilren: 0 },
//   { id: 'h', parentId: '', type: 'object', key: 'h', numOfChilren: 9 },
//   { id: 'h-ga', parentId: 'h', type: 'node', key: 'ga', text: 81 },
//   { id: 'h-gb', parentId: 'h', type: 'node', key: 'gb', text: 812.3 },
//   { id: 'h-gc', parentId: 'h', type: 'node', key: 'gc', text: 'abc' },
//   {
//     id: 'h-gd',
//     parentId: 'h',
//     type: 'node',
//     key: 'gd',
//     text: '845-de'
//   },
//   {
//     id: 'h-ge',
//     parentId: 'h',
//     type: 'array',
//     key: 'ge',
//     numOfChilren: 7
//   },
//   { id: 'h-ge-0', parentId: 'h-ge', type: 'node', key: 0, text: 71 },
//   { id: 'h-ge-1', parentId: 'h-ge', type: 'node', key: 1, text: 712.3 },
//   { id: 'h-ge-2', parentId: 'h-ge', type: 'node', key: 2, text: 'abc' },
//   {
//     id: 'h-ge-3',
//     parentId: 'h-ge',
//     type: 'node',
//     key: 3,
//     text: '745-de'
//   },
//   { id: 'h-ge-4', parentId: 'h-ge', type: 'node', key: 4, text: true },
//   { id: 'h-ge-5', parentId: 'h-ge', type: 'node', key: 5, text: null },
//   {
//     id: 'h-ge-6',
//     parentId: 'h-ge',
//     type: 'node',
//     key: 6,
//     text: [Function (anonymous)]
//   },
//   {
//     id: 'h-gf',
//     parentId: 'h',
//     type: 'object',
//     key: 'gf',
//     numOfChilren: 7
//   },
//   {
//     id: 'h-gf-gfa',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfa',
//     text: 61
//   },
//   {
//     id: 'h-gf-gfb',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfb',
//     text: 612.3
//   },
//   {
//     id: 'h-gf-gfc',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfc',
//     text: 'abc'
//   },
//   {
//     id: 'h-gf-gfd',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfd',
//     text: '645-de'
//   },
//   {
//     id: 'h-gf-gfe',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfe',
//     text: true
//   },
//   {
//     id: 'h-gf-gff',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gff',
//     text: null
//   },
//   {
//     id: 'h-gf-gfg',
//     parentId: 'h-gf',
//     type: 'node',
//     key: 'gfg',
//     text: [Function: gfg]
//   },
//   { id: 'h-gx', parentId: 'h', type: 'node', key: 'gx', text: true },
//   { id: 'h-gy', parentId: 'h', type: 'node', key: 'gy', text: null },
//   {
//     id: 'h-gz',
//     parentId: 'h',
//     type: 'node',
//     key: 'gz',
//     text: [Function: gz]
//   },
//   { id: 'i', parentId: '', type: 'node', key: 'i', text: Symbol(foo) },
//   {
//     id: 'Symbol(i-sym-key-a)',
//     parentId: '',
//     type: 'node',
//     text: 'i-sym-value'
//   },
//   {
//     id: 'Symbol(i-sym-key-b)',
//     parentId: '',
//     type: 'object',
//     numOfChilren: 7
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfa',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfa',
//     text: 61
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfb',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfb',
//     text: 612.3
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfc',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfc',
//     text: 'abc'
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfd',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfd',
//     text: '645-de'
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfe',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfe',
//     text: true
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symff',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symff',
//     text: null
//   },
//   {
//     id: 'Symbol(i-sym-key-b)-symfg',
//     parentId: 'Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfg',
//     text: [Function: symfg]
//   }
// ]

let arr = [
    91,
    912.3,
    'abc',
    '945-de',
    true,
    null,
    function() {},
    [
        5,
        54.3,
        'xyz',
        {
            gf: {
                gfa: 61,
                gfb: 612.3,
                gfc: 'abc',
                gfd: '645-de',
                gfe: true,
                gff: null,
                gfg: function() {},
            },
        },
    ],
    {
        h: {
            ga: 81,
            gb: 812.3,
            gc: 'abc',
            gd: '845-de',
            ge: [
                71,
                712.3,
                'abc',
                '745-de',
                true,
                null,
                function() {},
            ],
            gx: true,
            gy: null,
            gz: function() {},
        },
        i: Symbol('foo'),
        [Symbol('i-sym-key-a')]: 'i-sym-value',
        [Symbol('i-sym-key-b')]: {
            symfa: 61,
            symfb: 612.3,
            symfc: 'abc',
            symfd: '645-de',
            symfe: true,
            symff: null,
            symfg: function() {},
        },
    },
]
r = flattenToConn(arr)
console.log('flattenToConn arr', r)
// => flattenToConn arr [
//   { id: '0', parentId: '', type: 'node', key: 0, text: 91 },
//   { id: '1', parentId: '', type: 'node', key: 1, text: 912.3 },
//   { id: '2', parentId: '', type: 'node', key: 2, text: 'abc' },
//   { id: '3', parentId: '', type: 'node', key: 3, text: '945-de' },
//   { id: '4', parentId: '', type: 'node', key: 4, text: true },
//   { id: '5', parentId: '', type: 'node', key: 5, text: null },
//   {
//     id: '6',
//     parentId: '',
//     type: 'node',
//     key: 6,
//     text: [Function (anonymous)]
//   },
//   { id: '7', parentId: '', type: 'array', key: 7, numOfChilren: 4 },
//   { id: '7-0', parentId: '7', type: 'node', key: 0, text: 5 },
//   { id: '7-1', parentId: '7', type: 'node', key: 1, text: 54.3 },
//   { id: '7-2', parentId: '7', type: 'node', key: 2, text: 'xyz' },
//   { id: '7-3', parentId: '7', type: 'object', key: 3, numOfChilren: 1 },
//   {
//     id: '7-3-gf',
//     parentId: '7-3',
//     type: 'object',
//     key: 'gf',
//     numOfChilren: 7
//   },
//   {
//     id: '7-3-gf-gfa',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfa',
//     text: 61
//   },
//   {
//     id: '7-3-gf-gfb',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfb',
//     text: 612.3
//   },
//   {
//     id: '7-3-gf-gfc',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfc',
//     text: 'abc'
//   },
//   {
//     id: '7-3-gf-gfd',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfd',
//     text: '645-de'
//   },
//   {
//     id: '7-3-gf-gfe',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfe',
//     text: true
//   },
//   {
//     id: '7-3-gf-gff',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gff',
//     text: null
//   },
//   {
//     id: '7-3-gf-gfg',
//     parentId: '7-3-gf',
//     type: 'node',
//     key: 'gfg',
//     text: [Function: gfg]
//   },
//   { id: '8', parentId: '', type: 'object', key: 8, numOfChilren: 2 },
//   {
//     id: '8-h',
//     parentId: '8',
//     type: 'object',
//     key: 'h',
//     numOfChilren: 8
//   },
//   { id: '8-h-ga', parentId: '8-h', type: 'node', key: 'ga', text: 81 },
//   {
//     id: '8-h-gb',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gb',
//     text: 812.3
//   },
//   {
//     id: '8-h-gc',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gc',
//     text: 'abc'
//   },
//   {
//     id: '8-h-gd',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gd',
//     text: '845-de'
//   },
//   {
//     id: '8-h-ge',
//     parentId: '8-h',
//     type: 'array',
//     key: 'ge',
//     numOfChilren: 7
//   },
//   {
//     id: '8-h-ge-0',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 0,
//     text: 71
//   },
//   {
//     id: '8-h-ge-1',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 1,
//     text: 712.3
//   },
//   {
//     id: '8-h-ge-2',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 2,
//     text: 'abc'
//   },
//   {
//     id: '8-h-ge-3',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 3,
//     text: '745-de'
//   },
//   {
//     id: '8-h-ge-4',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 4,
//     text: true
//   },
//   {
//     id: '8-h-ge-5',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 5,
//     text: null
//   },
//   {
//     id: '8-h-ge-6',
//     parentId: '8-h-ge',
//     type: 'node',
//     key: 6,
//     text: [Function (anonymous)]
//   },
//   {
//     id: '8-h-gx',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gx',
//     text: true
//   },
//   {
//     id: '8-h-gy',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gy',
//     text: null
//   },
//   {
//     id: '8-h-gz',
//     parentId: '8-h',
//     type: 'node',
//     key: 'gz',
//     text: [Function: gz]
//   },
//   {
//     id: '8-i',
//     parentId: '8',
//     type: 'node',
//     key: 'i',
//     text: Symbol(foo)
//   },
//   {
//     id: '8-Symbol(i-sym-key-a)',
//     parentId: '8',
//     type: 'node',
//     text: 'i-sym-value'
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)',
//     parentId: '8',
//     type: 'object',
//     numOfChilren: 7
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfa',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfa',
//     text: 61
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfb',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfb',
//     text: 612.3
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfc',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfc',
//     text: 'abc'
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfd',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfd',
//     text: '645-de'
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfe',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfe',
//     text: true
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symff',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symff',
//     text: null
//   },
//   {
//     id: '8-Symbol(i-sym-key-b)-symfg',
//     parentId: '8-Symbol(i-sym-key-b)',
//     type: 'node',
//     key: 'symfg',
//     text: [Function: symfg]
//   }
// ]
Parameters:
Name Type Attributes Default Description
data Array | Object

輸入項目物件或陣列

opt Object <optional>
{}

輸入設定物件,預設{}

bindKey String <optional>
'id'

輸入識別用欄位字串,預設'id'

bindParent String <optional>
'parentId'

輸入存放父節點識別用欄位字串,預設'parentId'

bindBelong String <optional>
'key'

輸入當父節點為物件或陣列時,存放自身所屬鍵值字串,預設'key'

bindText String <optional>
'text'

輸入存放值欄位字串,預設'text'

bindType String <optional>
'type'

輸入存放值種類欄位字串,預設'type'

bindNumOfChilren String <optional>
'numOfChilren'

輸入存放值為物件或陣列時所屬子節點數量欄位字串,預設'numOfChilren'

Returns:

回傳關聯陣列

Type
Array

(static) flattenTree(data, optopt, bindKeyopt, bindChildrenopt) → {Array}

Description:
  • 展平樹狀物件或陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let obj = {
    id: 1,
    data: '1-abc',
    children: [
        {
            id: 2,
            data: '2-def',
        },
        {
            id: 3,
            data: '3-ghi',
            children: [
                {
                    id: 4,
                    data: '4-jkl',
                },
            ],
        },
        {
            id: 5,
            data: '5-mno',
        },
    ],
}
let crobj = flattenTree(obj)
console.log(JSON.stringify(crobj))
// => {"id":1,"data":"1-abc","children":[{"id":2,"data":"2-def"},{"id":3,"data":"3-ghi","children":[{"id":4,"data":"4-jkl"}]},{"id":5,"data":"5-mno"}],"level":0,"nk":[0]}

let arr = [
    {
        id: 1,
        text: '1x',
    },
    {
        id: 2,
        text: '2y',
        children: [
            {
                id: 3,
                text: '3z',
            },
        ],
    },
    {
        id: 4,
        text: 'empty',
    },
]
let crarr = flattenTree(arr)
console.log(JSON.stringify(crarr))
// => [{"id":1,"text":"1x","level":0,"nk":[0]},{"id":2,"text":"2y","children":[{"id":3,"text":"3z"}],"level":0,"nk":[1]},{"id":3,"text":"3z","level":1,"nk":[1,"children",0]},{"id":4,"text":"empty","level":0,"nk":[2]}]
Parameters:
Name Type Attributes Default Description
data Array | Object

輸入樹狀物件或陣列

opt Object <optional>
{}

輸入設定物件,預設{}

bindKey String <optional>
'id'

輸入節點物件識別用欄位字串,預設'id'

bindChildren String <optional>
'children'

輸入節點物件內存放子節點欄位字串,預設'children'

Returns:

回傳節點物件陣列

Type
Array

(static) fsCleanFolder(pah)

Description:
  • 後端nodejs清空資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsCleanFolder', fsCleanFolder('./abc'))
// fsCleanFolder { success: 'done: ./abc' }
Parameters:
Name Type Description
pah String

輸入欲清空資料夾路徑字串

(static) fsCopyFile(fpSrc, fpTar)

Description:
  • 後端nodejs複製檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsCopyFile', fsCopyFile('./abc.txt', './def.txt'))
// fsCopyFile { success: 'done: ./def.txt' }
Parameters:
Name Type Description
fpSrc String

輸入來源資料夾路徑字串

fpTar String

輸入目的資料夾路徑字串

(static) fsCopyFolder(fpSrc, fpTar)

Description:
  • 後端nodejs複製資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

import fs from 'fs'
import fsCreateFolder from './src/fsCreateFolder.mjs'
import fsCleanFolder from './src/fsCleanFolder.mjs'
import fsDeleteFolder from './src/fsDeleteFolder.mjs'
import fsCopyFolder from './src/fsCopyFolder.mjs'

console.log('fsCreateFolder', fsCreateFolder('./d/dd/ddd'))

fs.writeFileSync('./d/a.txt', 'd-a', 'utf8')
fs.writeFileSync('./d/dd/b.txt', 'd-b', 'utf8')
fs.writeFileSync('./d/dd/ddd/c.txt', 'd-c', 'utf8')

console.log('fsCleanFolder', fsCleanFolder('./d'))

console.log('fsCreateFolder 1', fsCreateFolder('./d/ee/eee'))

fs.writeFileSync('./d/a.txt', 'e-a', 'utf8')
fs.writeFileSync('./d/ee/b.txt', 'e-b', 'utf8')
fs.writeFileSync('./d/ee/eee/c.txt', 'e-c', 'utf8')

console.log('fsDeleteFolder', fsDeleteFolder('./d'))

console.log('fsCreateFolder 2', fsCreateFolder('./d/ff/fff'))

fs.writeFileSync('./d/a.txt', 'f-a', 'utf8')
fs.writeFileSync('./d/ff/b.txt', 'f-b', 'utf8')
fs.writeFileSync('./d/ff/fff/c.txt', 'f-c', 'utf8')

console.log('fsCopyFolder', fsCopyFolder('./d', './e'))

// fsCreateFolder { success: 'done: ./d/dd/ddd' }
// fsCleanFolder { success: 'done: ./d' }
// fsCreateFolder 1 { success: 'done: ./d/ee/eee' }
// fsDeleteFolder { success: 'done: ./d' }
// fsCreateFolder 2 { success: 'done: ./d/ff/fff' }
// fsCopyFolder { success: 'done: ./e' }
Parameters:
Name Type Description
fpSrc String

輸入來源資料夾路徑字串

fpTar String

輸入目的資料夾路徑字串

(static) fsCreateFile(pah, data, optopt)

Description:
  • 後端nodejs建立檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsCreateFile', fsCreateFile('./abc.txt'))
// fsCreateFile { success: 'done: ./abc.txt' }
Parameters:
Name Type Attributes Default Description
pah String

輸入檔案路徑字串

data Buffer | TypedArray | DataView

輸入檔案內容資料

opt Object | String <optional>
{}

輸入寫入設定物件或字串,可給予writeFileSync設定物件,或是編碼字串(例如'utf8'),預設{}

Properties
Name Type Attributes Default Description
encoding String <optional>
'utf8'

輸入編碼字串,預設'utf8'

mode Integer <optional>
0o666

輸入寫入模式數字,預設0o666

flag String <optional>
'w'

輸入寫入標誌字串,預設'w'

(static) fsCreateFolder(pah)

Description:
  • 後端nodejs建立資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsCreateFolder', fsCreateFolder('./abc'))
// fsCreateFolder { success: 'done: ./abc' }
Parameters:
Name Type Description
pah String

輸入資料夾路徑字串

(static) fsDeleteFile(pah)

Description:
  • 後端nodejs刪除檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsDeleteFile', fsDeleteFile('./abc.txt'))
// fsDeleteFile { success: 'done: ./abc.txt' }
Parameters:
Name Type Description
pah String

輸入路徑字串

(static) fsDeleteFolder(pah)

Description:
  • 後端nodejs刪除資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsDeleteFolder', fsDeleteFolder('./abc'))
// fsDeleteFolder { success: 'done: ./abc' }
Parameters:
Name Type Description
pah String

輸入欲刪除資料夾路徑字串

(static) fsEvem(fdopt, optopt)

Description:
  • 後端nodejs基於檔案內容變更機制提供跨程序EventEmitter

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

// ---- g1.mjs ----

import fsEvem from './src/fsEvem.mjs'

let evf = fsEvem()

evf.on('change', (msgc, msgf) => {
    console.log('recv change g1', msgc)
})

let n = 0
setInterval(() => {
    n++
    evf.emit('change', { p1: 'abc', p2: n, p3: 'from g1' })
}, 2000)
// recv change g1 { p1: 'abc', p2: 1, p3: 'from g1' }
// recv change g1 { p1: 'def', p2: 1, p3: 'from g2' }
// recv change g1 { p1: 'abc', p2: 2, p3: 'from g1' }
// recv change g1 { p1: 'def', p2: 2, p3: 'from g2' }
// recv change g1 { p1: 'abc', p2: 3, p3: 'from g1' }
// recv change g1 { p1: 'def', p2: 3, p3: 'from g2' }
// recv change g1 { p1: 'abc', p2: 4, p3: 'from g1' }
// ...

//node --experimental-modules g1.mjs

// ---- g2.mjs ----

import fsEvem from './src/fsEvem.mjs'

let evf = fsEvem()

evf.on('change', (msgc, msgf) => {
    console.log('recv change g2', msgc)
})

//延遲1s開始
let n = 0
setTimeout(() => {
    setInterval(() => {
        n++
        evf.emit('change', { p1: 'def', p2: n, p3: 'from g2' })
    }, 2000)
}, 1000)
// recv change g2 { p1: 'abc', p2: 1, p3: 'from g1' }
// recv change g2 { p1: 'def', p2: 1, p3: 'from g2' }
// recv change g2 { p1: 'abc', p2: 2, p3: 'from g1' }
// recv change g2 { p1: 'def', p2: 2, p3: 'from g2' }
// recv change g2 { p1: 'abc', p2: 3, p3: 'from g1' }
// recv change g2 { p1: 'def', p2: 3, p3: 'from g2' }
// recv change g2 { p1: 'abc', p2: 4, p3: 'from g1' }
// ...

//node --experimental-modules g2.mjs
Parameters:
Name Type Attributes Default Description
fd String <optional>
'./_evps'

輸入建置事件檔案所在資料夾路徑字串,預設'./_evps'

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
timeDetect Integer <optional>
50

輸入偵測佇列間隔時間整數,若基於檔案變更之頻率小於timeDetect,則會發生事件消失問題,單位為毫秒ms,預設為50

timeRewatch Integer <optional>
1000

輸入偵測檔案存在時間整數,單位為毫秒ms,預設為1000

(static) fsGetFileHash(fp, typeopt) → {Promise}

Description:
  • 後端nodejs計算檔案HASH值

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.
Parameters:
Name Type Attributes Default Description
fp String

輸入檔案位置

type String <optional>
'sha512'

輸入檔案位置

Returns:

回傳Promise,resolve回傳檔案HASH值,reject回傳錯誤訊息

Type
Promise

(static) fsGetFilesInFolder(fd, levelLimitopt) → {Array}

Description:
  • 列舉指定資料夾下的檔案

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in nodejs

let fd = './d'

fsGetFilesInFolder(fd)
// => [ './d/a.txt' ]

fsGetFilesInFolder(fd, null)
// => [ './d/a.txt', './d/ee/b.txt', './d/ee/eee/c.txt' ]
Parameters:
Name Type Attributes Default Description
fd String

輸入欲列舉的資料夾字串

levelLimit Integer <optional>
1

輸入列舉層數限制正整數,設定1為列舉資料夾下第一層的檔案或資料夾,設定null為無窮遍歷所有檔案與資料夾,預設1

Returns:

回傳列舉檔案或資料夾陣列

Type
Array

(static) fsGetFoldersInFolder(fd, levelLimitopt) → {Array}

Description:
  • 列舉指定資料夾下的資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in nodejs

let fd = './d'

fsGetFoldersInFolder(fd)
// => [ './d/ee' ]

fsGetFoldersInFolder(fd, null)
// => [ './d/ee', './d/ee/eee' ]
Parameters:
Name Type Attributes Default Description
fd String

輸入欲列舉的資料夾字串

levelLimit Integer <optional>
1

輸入列舉層數限制正整數,設定1為列舉資料夾下第一層的檔案或資料夾,設定null為無窮遍歷所有檔案與資料夾,預設1

Returns:

回傳列舉檔案或資料夾陣列

Type
Array

(static) fsIsFile(pah)

Description:
  • 後端nodejs判斷是否為檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

let fd = 'folder p'
fsIsFile(fd)
// => false

let fn = 'file q'
fsIsFile(fn)
// => true
Parameters:
Name Type Description
pah String

輸入路徑字串

(static) fsIsFolder(pah)

Description:
  • 後端nodejs判斷是否為資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

let fd = 'folder p'
fsIsFolder(fd)
// => true

let fn = 'file q'
fsIsFolder(fn)
// => false
Parameters:
Name Type Description
pah String

輸入路徑字串

(static) fsReadText(fn)

Description:
  • 後端nodejs由檔案讀取utf-8文字

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.
Parameters:
Name Type Description
fn String

輸入檔案名稱

(static) fsRenameFile(pahOld, pahNew)

Description:
  • 後端nodejs重新命名檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsRenameFile', fsRenameFile('./abc.txt', './def.txt'))
// fsRenameFile { success: 'done: ./def.txt' }
Parameters:
Name Type Description
pahOld String

輸入檔案原本路徑字串

pahNew String

輸入檔案更名路徑字串

(static) fsRenameFolder(pahOld, pahNew)

Description:
  • 後端nodejs重新命名資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

console.log('fsRenameFolder', fsRenameFolder('./abc', './def'))
// fsRenameFolder { success: 'done: ./def' }
Parameters:
Name Type Description
pahOld String

輸入資料夾原本路徑字串

pahNew String

輸入資料夾更名路徑字串

(static) fsTreeFolder(fd, levelLimitopt) → {Array}

Description:
  • 列舉指定資料夾下的全部檔案或資料夾

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in nodejs

fsTreeFolder(fd)
// => [
//   { isFolder: false, level: 1, path: './d/a.txt', name: 'a.txt' },
//   { isFolder: true, level: 1, path: './d/ee', name: 'ee' }
// ]

fsTreeFolder(fd, null)
// => [
//   { isFolder: false, level: 1, path: './d/a.txt', name: 'a.txt' },
//   { isFolder: true, level: 1, path: './d/ee', name: 'ee' },
//   { isFolder: false, level: 2, path: './d/ee/b.txt', name: 'b.txt' },
//   { isFolder: true, level: 2, path: './d/ee/eee', name: 'eee' },
//   { isFolder: false, level: 3, path: './d/ee/eee/c.txt', name: 'c.txt' }
// ]
Parameters:
Name Type Attributes Default Description
fd String

輸入欲列舉的資料夾字串

levelLimit Integer <optional>
1

輸入列舉層數限制正整數,設定1為列舉資料夾下第一層的檔案或資料夾,設定null為無窮遍歷所有檔案與資料夾,預設1

Returns:

回傳列舉檔案或資料夾陣列

Type
Array

(static) fsWatchFile(optopt)

Description:
  • 後端nodejs基於chokidar提供偵測檔案內容變更或出現或消失事件之EventEmitter

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

let evfl = fsWatchFile()

evfl.on('./abc.json', (msg) => {
    console.log(msg.type, ':', msg.fp)
    // => add : ./abc.json
    // change : ./abc.json
    // unlink : ./abc.json
})

// evfl.clear()
Parameters:
Name Type Attributes Default Description
opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
polling Boolean <optional>
false

輸入是否使用輪循布林值,代表chokidar的usePolling,預設為false

timeInterval Integer <optional>
100

輸入當polling為true時偵測檔案變更間隔時間整數,代表chokidar開啟polling時的interval,單位為毫秒ms,預設為100

timeBinaryInterval Integer <optional>
300

輸入當polling為true時偵測二進位檔案變更間隔時間整數,代表chokidar開啟polling時的binaryInterval,單位為毫秒ms,預設為300

(static) fsWatchFolder(optopt)

Description:
  • 後端nodejs基於chokidar提供偵測資料夾內檔案變更或出現或消失事件之EventEmitter

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.

let evfd = fsWatchFolder()

evfd.on('./abc', (msg) => {
    console.log(msg.type, ':', msg.fp)
    // => addDir : ./abc
    // add : ./abc/temp1.txt
    // unlink : ./abc/temp1.txt
    // add : ./abc/temp2.json
    // unlinkDir : ./abc
    // unlink : ./abc/temp2.json
})

// evfd.clear()
Parameters:
Name Type Attributes Default Description
opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
polling Boolean <optional>
false

輸入是否使用輪循布林值,代表chokidar的usePolling,預設為false

timeInterval Integer <optional>
100

輸入當polling為true時偵測檔案變更間隔時間整數,代表chokidar開啟polling時的interval,單位為毫秒ms,預設為100

timeBinaryInterval Integer <optional>
300

輸入當polling為true時偵測二進位檔案變更間隔時間整數,代表chokidar開啟polling時的binaryInterval,單位為毫秒ms,預設為300

(static) fsWriteText(fn, c)

Description:
  • 寫入utf-8文字至檔案

    Unit Test: Github

Source:
Example
Try in Codepen
need test in nodejs.
Parameters:
Name Type Description
fn String

輸入檔案名稱

c String

輸入utf-8文字數據

(static) genGradientColor(color) → {Object}

Description:
  • 產生highchart直條圖用漸變顏色物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(genGradientColor('#000'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [ [ 0, 'rgba(0, 0, 0, 0.4)' ], [ 1, 'rgba(0, 0, 0, 0.9)' ] ]
//     }

console.log(genGradientColor('hsl (320, 50%, 40%)'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [
//         [ 0, 'rgba(153, 51, 119, 0.4)' ],
//         [ 1, 'rgba(153, 51, 119, 0.9)' ]
//     ]
// }

console.log(genGradientColor('hsva (320, 100%, 50%, 0.1)'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [ [ 0, 'rgba(128, 0, 85, 0.4)' ], [ 1, 'rgba(128, 0, 85, 0.9)' ] ]
// }

console.log(genGradientColor('#6a3'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [
//         [ 0, 'rgba(102, 170, 51, 0.4)' ],
//         [ 1, 'rgba(102, 170, 51, 0.9)' ]
//     ]
// }

console.log(genGradientColor('#6b8e23'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [
//         [ 0, 'rgba(107, 142, 35, 0.4)' ],
//         [ 1, 'rgba(107, 142, 35, 0.9)' ]
//     ]
// }

console.log(genGradientColor('skyblue'))
// => {
//     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
//     stops: [
//         [ 0, 'rgba(135, 206, 235, 0.4)' ],
//         [ 1, 'rgba(135, 206, 235, 0.9)' ]
//     ]
// }
Parameters:
Name Type Description
color *

輸入color資料

Returns:

回傳漸變顏色物件

Type
Object

(static) genID(lenopt) → {String}

Description:
  • 產生隨機id

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(genID())
// => Is1NyImU3A9fyqFyYBWuJu4ivXXcGZAb (is random)
Parameters:
Name Type Attributes Default Description
len Integer <optional>
32

輸入uuid長度,為正整數,預設32

Returns:

回傳uuid字串

Type
String

(static) genPm() → {Object}

Description:
  • 產生Promise物件,具備鏈式resolve與reject 主要受jQuery Deferred概念啟發

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let fn = function(name) {
                let pm = genPm()
                setTimeout(function() {
                    ms.push('resolve: ' + name)
                    pm.resolve('resolve: ' + name)
                }, 1)
                return pm
            }

            fn('abc')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // t1 then resolve: abc
    // ["resolve: abc","t1 then: resolve: abc"]

    function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            let fn = function(name) {
                let pm = genPm()
                setTimeout(function() {
                    ms.push('reject: ' + name)
                    pm.reject('reject: ' + name)
                }, 1)
                return pm
            }

            fn('abc')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // t1 catch reject: abc
    // ["reject: abc","t1 catch: reject: abc"]

}
topAsync().catch(() => {})
Returns:

回傳Promise物件

Type
Object

(static) getBufferSize(buf) → {Integer}

Description:
  • 計算Uint8Array(Nodejs,Browser)或Buffer(Nodejs)的大小

    Unit Test: Github

Source:
Example
Try in Codepen
let u8a = new Uint8Array([1, 2, 3, 123])
console.log(getBufferSize(u8a))
// => 4

let buf = Buffer.alloc(8)
console.log(getBufferSize(buf))
// => 8
Parameters:
Name Type Description
buf Unit8Array | Buffer

傳入Uint8Array(Nodejs,Browser)或Buffer(Nodejs)

Returns:

回傳Uint8Array(Nodejs,Browser)或Buffer(Nodejs)的大小

Type
Integer

(static) getClearPathName(str) → {string}

Description:
  • 清理檔案或資料夾位置

    Unit Test: Github

Source:
Example
Try in Codepen
let c

c = 'C:\\temp\\myfile.html'
console.log(getClearPathName(c))
// => { path: 'C:\\temp\\myfile.html', isRoot: false }

c = 'C:\\temp\\myfile.txt.html'
console.log(getClearPathName(c))
// => { path: 'C:\\temp\\myfile.txt.html', isRoot: false }

c = 'C:\\temp\\\\temp\\\\myfile.txt.html'
console.log(getClearPathName(c))
// => { path: 'C:\\temp\\temp\\myfile.txt.html', isRoot: false }

c = 'C:\\temp\\'
console.log(getClearPathName(c))
// => { path: 'C:\\temp', isRoot: false }

c = 'C:\\temp'
console.log(getClearPathName(c))
// => { path: 'C:\\temp', isRoot: false }

c = 'C:\\'
console.log(getClearPathName(c))
// => { path: 'C:\\', isRoot: true }

c = 'C:'
console.log(getClearPathName(c))
// => { path: 'C:\\', isRoot: true }

c = '/tmp/myfile.html'
console.log(getClearPathName(c))
// => { path: '/tmp/myfile.html', isRoot: false }

c = '/tmp/myfile.txt.html'
console.log(getClearPathName(c))
// => { path: '/tmp/myfile.txt.html', isRoot: false }

c = '//tmp////tmp//myfile.txt.html'
console.log(getClearPathName(c))
// => { path: '/tmp/tmp/myfile.txt.html', isRoot: false }

c = '/tmp/'
console.log(getClearPathName(c))
// => { path: '/tmp', isRoot: false }

c = '/tmp'
console.log(getClearPathName(c))
// => { path: '/tmp', isRoot: false }

c = '/'
console.log(getClearPathName(c))
// => { path: '/', isRoot: true }

c = '/foo/bar/baz/asdf/quux.html'
console.log(getClearPathName(c))
// => { path: '/foo/bar/baz/asdf/quux.html', isRoot: false }

c = '/foo/bar/baz/asdf/quux.txt.html'
console.log(getClearPathName(c))
// => { path: '/foo/bar/baz/asdf/quux.txt.html', isRoot: false }

c = ''
console.log(getClearPathName(c))
// => { path: '', isRoot: false }
Parameters:
Name Type Description
str string

輸入檔案或資料夾位置字串

Returns:

清理後檔案或資料夾位置

Type
string

(static) getCsvStrFromData(data, bomopt)

Description:
  • 由陣列數據轉成為Excel(*.csv)的字串數據

    Unit Test: Github

Source:
Example
Try in Codepen
let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
    [5, '\r\n', true, 'false'],
]
let c = getCsvStrFromData(data)
console.log(c)
// => "a","123",456
//    ,"abc123","",111.222333
//    5,"",true,"false"
fs.writeFileSync('temp.csv', c, 'utf8')
Parameters:
Name Type Attributes Default Description
data Array

輸入內容陣列

bom Boolean <optional>
true

輸入是否添加開頭BOM符號,預設true

(static) getDataFromExcelFileU8Arr(u8a, optopt) → {Array}

Description:
  • 讀取Excel檔,前後端都可用,前端由input file的檔案取得Uint8Array,後端由fs.readFileSync讀取Buffer 若數據格式fmt為csv格式,數據分欄符號為逗號,分行符號為[\r\n],內容開頭無BOM,方便使用者解析

    Unit Test: Github

Source:
Example
Try in Codepen
// test in browser
domShowInputAndGetFilesU8Arrs(kind)
    .then(function(d) {
        let file = d[0] //get first file
        let u8a = file.u8a
        let dltdt = getDataFromExcelFileU8Arr(u8a, { fmt: 'ltdt' })
        console.log(dltdt[0].sheetname, dltdt[0].data)
        // => ...
    })

// test in nodejs
let u8a = fs.readFileSync('temp.xlsx')
let dltdt = getDataFromExcelFileU8Arr(u8a, { fmt: 'ltdt' })
console.log(dltdt[0].sheetname, dltdt[0].data)
// => ...
Parameters:
Name Type Attributes Default Description
u8a Uint8Array

輸入file資料,格式需為Uint8Array

opt Object <optional>
{}

輸入設定物件,預設為{}

Properties
Name Type Attributes Default Description
fmt String <optional>
'ltdt'

輸入數據格式,可有'ltdt','csv','array',預設為'ltdt'

valueToString Boolean <optional>
true

輸入數據是否強制轉字串布林值,預設為true

Returns:

回傳數據陣列

Type
Array

(async, static) getDataFromExcelFileU8ArrDyn(u8a, optopt, pathItems) → {Promise}

Description:
  • 前端讀取Excel檔,前端由input file的檔案取得Uint8Array,並採用動態加載技術 若數據格式fmt為csv格式,數據分欄符號為逗號,分行符號為[\r\n],內容開頭無BOM,方便使用者解析

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser
Parameters:
Name Type Attributes Default Description
u8a Uint8Array

輸入file資料,格式需為Uint8Array

opt Object <optional>
{}

輸入設定物件,預設為{}

Properties
Name Type Attributes Default Description
fmt String <optional>
'ltdt'

輸入數據格式,可有'ltdt','csv','array',預設為'ltdt'

valueToString Boolean <optional>
true

輸入數據是否強制轉字串布林值,預設為true

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳數據陣列,reject回傳錯誤訊息

Type
Promise

(static) getEnv() → {Object}

Description:
  • 取得運行環境

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getEnv())
// => { isWindow: false, isWebWorker: false, isNode: true }
Returns:

回傳運行環境物件

Type
Object

(static) getExcelU8ArrFromData(data, sheetNameopt) → {Array}

Description:
  • 由數據陣列或DOM的table元素轉成為Excel的Uint8Array數據陣列

    Unit Test: Github

Source:
Example
Try in Codepen
import fs from 'fs'

let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]
let u8a = getExcelU8ArrFromData(data)
console.log(u8a)
// => Uint8Array(14720) [
//     80,  75,   3,   4,  10,   0,   0,   0,   0,   0, 202,  99,
//     50,  82, 214, 146, 124,  17,  90,   1,   0,   0,  90,   1,
//      0,   0,  17,   0,   0,   0, 100, 111,  99,  80, 114, 111,
//    112, 115,  47,  99, 111, 114, 101,  46, 120, 109, 108,  60,
//     63, 120, 109, 108,  32, 118, 101, 114, 115, 105, 111, 110,
//     61,  34,  49,  46,  48,  34,  32, 101, 110,  99, 111, 100,
//    105, 110, 103,  61,  34,  85,  84,  70,  45,  56,  34,  32,
//    115, 116,  97, 110, 100,  97, 108, 111, 110, 101,  61,  34,
//    121, 101, 115,  34,
//    ... 14620 more items
//  ]
fs.writeFileSync('temp.xlsx', u8a)
Parameters:
Name Type Attributes Default Description
data Array | Element

輸入數據陣列或是DOM的table元素(Element)

sheetName String <optional>
'data'

輸入輸出為Excel時所在分頁(sheet)名稱字串,預設為'data'

Returns:

回傳Excel的Uint8Array數據陣列

Type
Array

(static) getExcelU8ArrFromWorkbook(wb) → {Array}

Description:
  • 由Excel的Workbook物件轉成為Excel的Uint8Array數據陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]

let wb = getExcelWorkbookFromData(data)
let u8a = getExcelU8ArrFromWorkbook(wb)
console.log(u8a)
// => Uint8Array(15997) [
//    80,  75,   3,   4,  20,   0,   0,   0,   0,   0,   0,   0,
//    0,   0, 164,   1, 132, 184, 181,   2,   0,   0, 181,   2,
//    0,   0,  26,   0,   0,   0, 120, 108,  47,  95, 114, 101,
//  108, 115,  47, 119, 111, 114, 107,  98, 111, 111, 107,  46,
//  120, 109, 108,  46, 114, 101, 108, 115,  60,  63, 120, 109,
//  108,  32, 118, 101, 114, 115, 105, 111, 110,  61,  34,  49,
//   46,  48,  34,  32, 101, 110,  99, 111, 100, 105, 110, 103,
//   61,  34,  85,  84,  70,  45,  56,  34,  32, 115, 116,  97,
//  110, 100,  97, 108,
//  ... 15897 more items
// ]
Parameters:
Name Type Description
wb Object

輸入Excel的Workbook物件

Returns:

回傳Excel的Uint8Array數據陣列

Type
Array

(static) getExcelWorkbookFromData(data, sheetNameopt) → {Object}

Description:
  • 由數據陣列或DOM的table元素轉成為Excel的Workbook物件

    Unit Test: Github

Source:
Example
Try in Codepen
import xlsx from 'xlsx'

let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]

let wb1 = getExcelWorkbookFromData(data)
console.log(wb1)
// => Workbook {
//      SheetNames: [ 'data' ],
//      Sheets: {
//        data: {
//          A1: [Object],
//          B1: [Object],
//          C1: [Object],
//          B2: [Object],
//          C2: [Object],
//          D2: [Object],
//          '!ref': 'A1:D2'
//        }
//      }
//    }
xlsx.writeFile(wb1, 'temp1.xlsx')

let wb2 = getExcelWorkbookFromData(data, 'tester')
console.log(wb2)
// => Workbook {
//      SheetNames: [ 'tester' ],
//      Sheets: {
//        data: {
//          A1: [Object],
//          B1: [Object],
//          C1: [Object],
//          B2: [Object],
//          C2: [Object],
//          D2: [Object],
//          '!ref': 'A1:D2'
//        }
//      }
//    }
xlsx.writeFile(wb2, 'temp2.xlsx')
Parameters:
Name Type Attributes Default Description
data Array | Element

輸入數據陣列或是DOM的table元素(Element)

sheetName String <optional>
'data'

輸入輸出為Excel時所在分頁(sheet)名稱字串,預設為'data'

Returns:

回傳Excel的Workbook物件

Type
Object

(static) getExcelWorkbookFromWorksheet(sheet, sheetNameopt) → {Object}

Description:
  • 由Excel的Worksheet物件轉為Excel的Workbook物件

    Unit Test: Github

Source:
Example
Try in Codepen
let data = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]

let ws = xlsx.utils.aoa_to_sheet(data)
console.log(ws)
// => {
//   A1: { v: 'a', t: 's' },
//   B1: { v: '123', t: 's' },
//   C1: { v: 456, t: 'n' },
//   B2: { v: 'abc123', t: 's' },
//   C2: { v: '', t: 's' },
//   D2: { v: 111.222333, t: 'n' },
//   '!ref': 'A1:D2'
// }

let wb = getExcelWorkbookFromWorksheet(ws)
console.log(JSON.stringify(wb, null, 2))
// => {
//   "SheetNames": [
//     "data"
//   ],
//   "Sheets": {
//     "data": {
//       "A1": {
//         "v": "a",
//         "t": "s"
//       },
//       "B1": {
//         "v": "123",
//         "t": "s"
//       },
//       "C1": {
//         "v": 456,
//         "t": "n"
//       },
//       "B2": {
//         "v": "abc123",
//         "t": "s"
//       },
//       "C2": {
//         "v": "",
//         "t": "s"
//       },
//       "D2": {
//         "v": 111.222333,
//         "t": "n"
//       },
//       "!ref": "A1:D2"
//     }
//   }
// }
Parameters:
Name Type Attributes Default Description
sheet Object

輸入Excel的Worksheet物件

sheetName String <optional>
'data'

輸入輸出為Excel時所在分頁(sheet)名稱字串,預設為'data'

Returns:

回傳Excel的Workbook物件

Type
Object

(static) getExcelWorksheetFromData(data) → {Object}

Description:
  • 由數據陣列或DOM的table元素轉成為Excel的Worksheet物件

    Unit Test: Github

Source:
Example
Try in Codepen
let mat = [
    ['a', '123', 456],
    [null, 'abc123', '', 111.222333],
]

let ws1 = getExcelWorksheetFromData(mat)
console.log('ws1', ws1)
// => ws1 {
//   A1: { v: 'a', t: 's' },
//   B1: { v: '123', t: 's' },
//   C1: { v: 456, t: 'n' },
//   B2: { v: 'abc123', t: 's' },
//   C2: { v: '', t: 's' },
//   D2: { v: 111.222333, t: 'n' },
//   '!ref': 'A1:D2'
// }

let ltdt = [
    { x: 'a', y: '123', z: 456 },
    { x: null, y: 'abc123', z: '', a: 111.222333 },
]

let ws2 = getExcelWorksheetFromData(ltdt)
console.log('ws2', ws2)
// => ws2 {
//   A1: { v: 'x', t: 's' },
//   B1: { v: 'y', t: 's' },
//   C1: { v: 'z', t: 's' },
//   D1: { v: 'a', t: 's' },
//   A2: { v: 'a', t: 's' },
//   B2: { v: '123', t: 's' },
//   C2: { v: 456, t: 'n' },
//   D2: { v: '', t: 's' },
//   A3: { v: 'null', t: 's' },
//   B3: { v: 'abc123', t: 's' },
//   C3: { v: '', t: 's' },
//   D3: { v: 111.222333, t: 'n' },
//   '!ref': 'A1:D3'
// }
Parameters:
Name Type Description
data Array | Element

輸入數據陣列或是DOM的table元素(Element)

Returns:

回傳Excel的Worksheet物件

Type
Object

(static) getFileAccept(groupByopt) → {Array}

Description:
  • 取得檔案關聯性資訊

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getFileAccept()[2])
// => { name: 'pdf',
//      group: 'docums',
//      acp: 'application/pdf',
//      exec: 'acrobat' }

console.log(getFileAccept('acp')['text/html'])
// => [ { name: 'htm',
//        group: 'docums',
//        acp: 'text/html',
//        exec: 'browser' },
//      { name: 'html',
//        group: 'docums',
//        acp: 'text/html',
//        exec: 'browser' } ]
Parameters:
Name Type Attributes Default Description
groupBy string <optional>
''

輸入群組化關鍵字字串,預設'',可選用'name','group','acp','exec'

Returns:

回傳檔案關聯性資訊陣列,若有給groupBy則自動群組化

Type
Array

(static) getFileName(str) → {string}

Description:
  • 由檔案位置取得檔案名稱

    Unit Test: Github

Source:
Example
Try in Codepen
let c

c = 'C:\\temp\\myfile.html'
console.log(getFileName(c))
// => myfile.html

c = 'C:\\temp\\myfile.txt.html'
console.log(getFileName(c))
// => myfile.txt.html

c = 'C:\\temp\\myfile'
console.log(getFileName(c))
// => myfile

c = 'C:\\temp\\\\temp\\\\myfile.txt.html'
console.log(getFileName(c))
// => myfile.txt.html

c = 'C:\\temp\\'
console.log(getFileName(c))
// => temp

c = 'C:\\temp'
console.log(getFileName(c))
// => temp

c = 'C:\\'
console.log(getFileName(c))
// => C:\

c = 'C:'
console.log(getFileName(c))
// => C:\

c = '/tmp/myfile.html'
console.log(getFileName(c))
// => myfile.html

c = '/tmp/myfile.txt.html'
console.log(getFileName(c))
// => myfile.txt.html

c = '/tmp/myfile'
console.log(getFileName(c))
// => myfile

c = '//tmp////tmp//myfile.txt.html'
console.log(getFileName(c))
// => myfile.txt.html

c = '/tmp/'
console.log(getFileName(c))
// => tmp

c = '/tmp'
console.log(getFileName(c))
// => tmp

c = '/'
console.log(getFileName(c))
// => /

c = '/foo/bar/baz/asdf/quux.html'
console.log(getFileName(c))
// => quux.html

c = '/foo/bar/baz/asdf/quux.txt.html'
console.log(getFileName(c))
// => quux.txt.html

c = '/foo/bar/baz/asdf/quux'
console.log(getFileName(c))
// => quux

c = ''
console.log(getFileName(c))
// => [empty string]
Parameters:
Name Type Description
str string

輸入檔案位置字串

Returns:

檔案名稱

Type
string

(static) getFileNameExt(str) → {string}

Description:
  • 由檔案位置取得檔案的副檔名

    Unit Test: Github

Source:
Example
Try in Codepen
let c

c = 'C:\\temp\\myfile.html'
console.log(getFileNameExt(c))
// => html

c = 'C:\\temp\\myfile.txt.html'
console.log(getFileNameExt(c))
// => html

c = 'C:\\temp\\myfile'
console.log(getFileNameExt(c))
// => [empty string]

c = 'C:\\temp\\\\temp\\\\myfile.txt.html'
console.log(getFileNameExt(c))
// => html

c = 'C:\\temp\\'
console.log(getFileNameExt(c))
// => [empty string]

c = 'C:\\temp'
console.log(getFileNameExt(c))
// => [empty string]

c = 'C:\\'
console.log(getFileNameExt(c))
// => [empty string]

c = 'C:'
console.log(getFileNameExt(c))
// => [empty string]

c = '/tmp/myfile.html'
console.log(getFileNameExt(c))
// => html

c = '/tmp/myfile.txt.html'
console.log(getFileNameExt(c))
// => html

c = '/tmp/myfile'
console.log(getFileNameExt(c))
// => [empty string]

c = '//tmp////tmp//myfile.txt.html'
console.log(getFileNameExt(c))
// => html

c = '/tmp/'
console.log(getFileNameExt(c))
// => [empty string]

c = '/tmp'
console.log(getFileNameExt(c))
// => [empty string]

c = '/'
console.log(getFileNameExt(c))
// => [empty string]

c = '/foo/bar/baz/asdf/quux.html'
console.log(getFileNameExt(c))
// => html

c = '/foo/bar/baz/asdf/quux.txt.html'
console.log(getFileNameExt(c))
// => html

c = '/foo/bar/baz/asdf/quux'
console.log(getFileNameExt(c))
// => [empty string]

c = ''
console.log(getFileNameExt(c))
// => [empty string]
Parameters:
Name Type Description
str string

輸入檔案位置字串

Returns:

檔案的副檔名

Type
string

(static) getFileTrueName(str) → {string}

Description:
  • 由檔案位置取得檔案的不含副檔名名稱

    Unit Test: Github

Source:
Example
Try in Codepen
let c

c = 'C:\\temp\\myfile.html'
console.log(getFileTrueName(c))
// => myfile

c = 'C:\\temp\\myfile.txt.html'
console.log(getFileTrueName(c))
// => myfile.txt

c = 'C:\\temp\\myfile'
console.log(getFileTrueName(c))
// => myfile

c = 'C:\\temp\\\\temp\\\\myfile.txt.html'
console.log(getFileTrueName(c))
// => myfile.txt

c = 'C:\\temp\\'
console.log(getFileTrueName(c))
// => temp

c = 'C:\\temp'
console.log(getFileTrueName(c))
// => temp

c = 'C:\\'
console.log(getFileTrueName(c))
// => C:\\

c = 'C:'
console.log(getFileTrueName(c))
// => C:\\

c = '/tmp/myfile.html'
console.log(getFileTrueName(c))
// => myfile

c = '/tmp/myfile.txt.html'
console.log(getFileTrueName(c))
// => myfile.txt

c = '/tmp/myfile'
console.log(getFileTrueName(c))
// => myfile

c = '//tmp////tmp//myfile.txt.html'
console.log(getFileTrueName(c))
// => myfile.txt

c = '/tmp/'
console.log(getFileTrueName(c))
// => tmp

c = '/tmp'
console.log(getFileTrueName(c))
// => tmp

c = '/'
console.log(getFileTrueName(c))
// => /

c = '/foo/bar/baz/asdf/quux.html'
console.log(getFileTrueName(c))
// => quux

c = '/foo/bar/baz/asdf/quux.txt.html'
console.log(getFileTrueName(c))
// => quux.txt

c = '/foo/bar/baz/asdf/quux'
console.log(getFileTrueName(c))
// => quux

c = ''
console.log(getFileTrueName(c))
// => [empty string]
Parameters:
Name Type Description
str string

輸入檔案位置字串

Returns:

檔案不含副檔名的名稱

Type
string

(static) getFileType(nameopt) → {Object|Array}

Description:
  • 取得檔案類型資訊

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = getFileType('mp3')
console.log('name=mp3', r)
// => name=mp3 { name: 'mp3', group: 'audio', acp: 'audio/mpeg', exec: 'audioplayer' }

r = getFileType('mp4')
console.log('name=mp4', r)
// => name=mp4 { name: 'mp4', group: 'video', acp: 'video/mp4', exec: 'videoplayer' }
Parameters:
Name Type Attributes Default Description
name string <optional>
''

輸入過濾副檔名字串,預設''

Returns:

回傳檔案關聯性資訊物件或陣列

Type
Object | Array

(static) getGlobal() → {Object}

Description:
  • 取得運行環境中的頂層物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getGlobal())
// => global object in running environment
Returns:

回傳頂層物件,若無法取得則回傳null

Type
Object

(static) getObjSize(obj) → {Object}

Description:
  • 計算物件記憶體大小

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getObjSize('abc123'))
// => 12

console.log(getObjSize({ a: 123, b: 'xyz', c: '45op', d: null }))
// => 22
Parameters:
Name Type Description
obj *

傳入欲計算大小的任意數據

Returns:

回傳記憶體大小物件, int屬性為記憶體所使用的bytes整數, str屬性為自動處理單位後的字串

Type
Object

(static) getPathParent(str) → {string}

Description:
  • 由檔案或資料夾位置取得所在資料夾位置

    Unit Test: Github

Source:
Example
Try in Codepen
let c

c = 'C:\\temp\\myfile.html'
console.log(getPathParent(c))
// => C:\\temp

c = 'C:\\temp\\myfile.txt.html'
console.log(getPathParent(c))
// => C:\\temp

c = 'C:\\temp\\myfile'
console.log(getPathParent(c))
// => C:\\temp

c = 'C:\\temp\\\\temp\\\\myfile.txt.html'
console.log(getPathParent(c))
// => C:\\temp\\temp

c = 'C:\\temp\\'
console.log(getPathParent(c))
// => C:\\

c = 'C:\\temp'
console.log(getPathParent(c))
// => C:\\

c = 'C:\\'
console.log(getPathParent(c))
// => C:\\

c = 'C:'
console.log(getPathParent(c))
// => C:\\

c = '/tmp/myfile.html'
console.log(getPathParent(c))
// => /tmp

c = '/tmp/myfile.txt.html'
console.log(getPathParent(c))
// => /tmp

c = '/tmp/myfile'
console.log(getPathParent(c))
// => /tmp

c = '//tmp////tmp//myfile.txt.html'
console.log(getPathParent(c))
// => /tmp/tmp

c = '/tmp/'
console.log(getPathParent(c))
// => /

c = '/tmp'
console.log(getPathParent(c))
// => /

c = '/'
console.log(getPathParent(c))
// => /

c = '/foo/bar/baz/asdf/quux.html'
console.log(getPathParent(c))
// => /foo/bar/baz/asdf

c = '/foo/bar/baz/asdf/quux.txt.html'
console.log(getPathParent(c))
// => /foo/bar/baz/asdf

c = '/foo/bar/baz/asdf/quux'
console.log(getPathParent(c))
// => /foo/bar/baz/asdf

c = ''
console.log(getPathParent(c))
// => [empty string]
Parameters:
Name Type Description
str string

輸入檔案位置字串

Returns:

檔案名稱

Type
string

(static) getTimeBetween(tstart, tend, unitopt) → {Array}

Description:
  • 輸入兩時間,單位皆為unit,由兩時間之間回傳以unit分切的時間點,回傳時間單位一樣為unit

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getTimeBetween('2017', '2019', 'years'))
// => ['2017', '2018', '2019']

console.log(getTimeBetween('2019-01-01', '2019-01-03', 'days'))
// => ['2019-01-01', '2019-01-02', '2019-01-03']

console.log(getTimeBetween('2019-01-01', '2019-01-03'))
// => ['2019-01-01', '2019-01-02', '2019-01-03']
Parameters:
Name Type Attributes Default Description
tstart String

輸入開始時間字串,不含時區

tend String

輸入結束時間字串,不含時區

unit String <optional>
'days'

輸入切分單位字串,預設為'days'

Returns:

回傳切分後各時間陣列

Type
Array

(static) getTimeFromUnit(unit) → {String}

Description:
  • 輸入時間單位,回傳時間套件所需之解析字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getTimeFromUnit('years'))
// => 'YYYY'

console.log(getTimeFromUnit('seconds'))
// => 'YYYY-MM-DDTHH:mm:ssZ'
Parameters:
Name Type Description
unit String

輸入時間單位字串

Returns:

回傳時間套件所需之解析字串,當unit='seconds'時回傳不含時區格式

Type
String

(static) getTimeObject(t, unitopt) → {Object}

Description:
  • 輸入時間字串,單位為unit,回傳解析後之時間物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getTimeObject('2019-01-01', 'days'))
// => dayjs('2019-01-01', 'YYYY-MM-DD') //use dayjs or moment

console.log(getTimeObject('2019-01-01T12:34:56', 'seconds'))
// => dayjs('2019-01-01T12:34:56', 'YYYY-MM-DDTHH:mm:ssZ') //use dayjs or moment
Parameters:
Name Type Attributes Default Description
t String

輸入時間字串,不含時區

unit String <optional>
'days'

輸入時間單位字串,預設為'days'

Returns:

回傳時間物件,若非法時間則回傳null

Type
Object

(static) getTimeRange(tstart, tend) → {String}

Description:
  • 起訖時間合併顯示,時間單位皆為秒

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getTimeRange('2019-01-01T09:00:00'))
// => '2019-01-01T09:00 至 無'

console.log(getTimeRange('2019-01-01T09:00:00', '2019-01-01T12:34:56'))
// => '2019-01-01T09:00 至 12:34'

console.log(getTimeRange('2019-01-01T09:00:00', '2019-01-03T12:00:00'))
// => '2019-01-01T09:00 至 2019-01-03T12:00'

console.log(getTimeRange('2019-01-01T19:00:00', '2019-01-01T12:00:00'))
// => '2019-01-01T19:00 至 12:00 (起始時間大於結束時間)'

console.log(getTimeRange('2019-01-03T09:00:00', '2019-01-01T12:00:00'))
// => '2019-01-03T09:00 至 2019-01-01T12:00 (起始時間大於結束時間)'
Parameters:
Name Type Description
tstart String

輸入開始秒時間字串,不含時區

tend String

輸入結束秒時間字串,不含時區,若不輸入則等同於開始時間字串

Returns:

回傳合併顯示時間字串

Type
String

(static) getUserAgent(vopt) → {Object}

Description:
  • 取得使用者瀏覽器資訊,後端nodejs環境使用需提供user agent字串

    Unit Test: Github

Source:
Example
Try in Codepen
let ua = 'Mozilla/5.0 (compatible; Konqueror/4.1; OpenBSD) KHTML/4.1.4 (like Gecko)'
console.log(getUserAgent(ua))
// => {
    browsername: 'Konqueror',
    browserversion: '4.1',
    cpuarchitecture: '',
    devicetype: '',
    engineinfor: 'KHTML4.1.4',
    platform: 'OpenBSDundefined'
}
Parameters:
Name Type Attributes Default Description
v String <optional>
null

輸入user agent字串,預設null

Returns:

回傳使用者瀏覽器資訊物件

Type
Object

(async, static) getUserAgentDyn(vopt, pathItems) → {Promise}

Description:
  • 前端取得使用者瀏覽器資訊,於browser中不輸入即可自動偵測,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ua = 'Mozilla/5.0 (compatible; Konqueror/4.1; OpenBSD) KHTML/4.1.4 (like Gecko)'
getUserAgentDyn(ua)
    .then(function(r) {
        console.log(r)
        // => {
            browsername: 'Konqueror',
            browserversion: '4.1',
            cpuarchitecture: '',
            devicetype: '',
            engineinfor: 'KHTML4.1.4',
            platform: 'OpenBSDundefined'
        }
    })
Parameters:
Name Type Attributes Default Description
v String <optional>
null

輸入user agent字串,預設null

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳使用者瀏覽器資訊物件,reject回傳錯誤訊息

Type
Promise

(static) getltdtkeys(ltdt) → {Array}

Description:
  • 由ltdt提取不重複keys

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(getltdtkeys([{ a: 123, b: 'xyz', c: '45op', d: null }, { a: 123.456, b: 'xyz', d: '45op', e: '' }]))
// => ['a', 'b', 'c', 'd', 'e']
Parameters:
Name Type Description
ltdt Array

輸入物件陣列

Returns:

回傳不重複keys陣列

Type
Array

(static) haskey(obj, key) → {Boolean}

Description:
  • 判斷物件是否有key屬性

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(haskey({ a: 123, b: 'xyz', c: '45op', d: null }, 'a'))
// => true
Parameters:
Name Type Description
obj Object

輸入物件

key String

輸入要查找的key字串

Returns:

回傳判斷布林值

Type
Boolean

(async, static) html2pic(ele, optopt) → {Promise}

Description:
  • 前端DOM元素轉圖片

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
html2pic(ele, { scale: 3 })
    .then((b64)=>{
        // => iVBORw0KGgoAAAANSU...
    })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
scale Number <optional>
1

輸入縮放比例數字,需大於等於1,預設1

toBase64 Boolean <optional>
true

輸入是否輸出為base64圖片,預設true

picType String <optional>
'image/jpeg'

輸入輸出為base64圖片時的圖片格式,可選'image/jpeg'與'image/png',預設'image/jpeg'

Returns:

回傳Promise,resolve為成功時的產出圖片,reject為失敗訊息

Type
Promise

(async, static) html2picDyn(ele, optopt, pathItems) → {Promise}

Description:
  • 前端DOM元素轉圖片,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

html2picDyn(ele, { scale: 3 })
    .then((b64)=>{
        // => iVBORw0KGgoAAAANSU...
    })
Parameters:
Name Type Attributes Default Description
ele HTMLElement

輸入元素

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
scale Number <optional>
1

輸入縮放比例數字,需大於等於1,預設1

toBase64 Boolean <optional>
true

輸入是否輸出為base64圖片,預設true

picType String <optional>
'image/jpeg'

輸入輸出為base64圖片時的圖片格式,可選'image/jpeg'與'image/png',預設'image/jpeg'

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳產出圖片,reject回傳錯誤訊息

Type
Promise

(static) html2str(html) → {String}

Description:
  • html轉純文字

    Unit Test: Github

Source:
Example
Try in Codepen
let h = `
<!DOCTYPE html>
<html>

<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>

</html>
`

let c = html2str(h)
console.log(c)
// =>
//
//
//
//
//     My First Heading
//     My first paragraph.
//
//
//
//
Parameters:
Name Type Description
html String

輸入html字串

Returns:

回傳純文字字串

Type
String

(async, static) html2strDyn(html, pathItems) → {String}

Description:
  • 前端html轉純文字,採用動態加載技術

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let h = `
<!DOCTYPE html>
<html>

<body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
</body>

</html>
`

let c = await html2str(h)
console.log(c)
// =>
//
//
//
//
//     My First Heading
//     My first paragraph.
//
//
//
//
Parameters:
Name Type Description
html String

輸入html字串

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳純文字字串

Type
String

(static) htmlDecode(str) → {String}

Description:
  • Html特殊字元(Html entities)字串反編碼

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(htmlDecode('foo&#x26;bar'))
// => foo&bar

console.log(htmlDecode('foo &#xA9; bar &#x2260; baz &#x1D306; qux'))
// => foo © bar ≠ baz 𝌆 qux

console.log(htmlDecode('&#x3C;img src=&#x22;x&#x22;&#x22; onerror=&#x22;prompt(1)&#x22;&#x3E;'))
// => <img src="x"" onerror="prompt(1)">
Parameters:
Name Type Description
str String

輸入編碼後html字串

Returns:

回傳html字串

Type
String

(static) htmlEncode(str) → {String}

Description:
  • Html特殊字元(Html entities)字串編碼

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(htmlEncode('foo&bar'))
// => oo&#x26;bar

console.log(htmlEncode('foo © bar ≠ baz 𝌆 qux'))
// => foo &#xA9; bar &#x2260; baz &#x1D306; qux

console.log(htmlEncode('<img src="x"" onerror="prompt(1)">'))
// => &#x3C;img src=&#x22;x&#x22;&#x22; onerror=&#x22;prompt(1)&#x22;&#x3E;
Parameters:
Name Type Description
str String

輸入html字串

Returns:

回傳編碼後html字串

Type
String

(static) importResources(pathItems) → {Promise}

Description:
  • 前端動態引入資源如Javascript或CSS檔案

    Unit Test: Github

Source:
Example
Try in Codepen
//need test in browser

let pathItems

pathItems = [
    'https://cdn.jsdelivr.net/npm/ag-grid-community@22.0.0/dist/ag-grid-community.noStyle.js',
    'https://cdn.jsdelivr.net/npm/ag-grid-vue@22.0.0/dist/ag-grid-vue.umd.js',
    'https://cdn.jsdelivr.net/npm/w-aggrid-vue@1.0.28/dist/w-aggrid-vue.umd.js',
]
importResources(pathItems)
    .then((res)=>{
        console.log(res)
    })

pathItems = [
    {
        path: 'https://cdn.jsdelivr.net/npm/ag-grid-community@22.0.0/dist/ag-grid-community.noStyle.js',
        type: 'js',
    },
    {
        path: 'https://cdn.jsdelivr.net/npm/ag-grid-vue@22.0.0/dist/ag-grid-vue.umd.js',
        type: 'js',
    },
    {
        path: 'https://cdn.jsdelivr.net/npm/w-aggrid-vue@1.0.28/dist/w-aggrid-vue.umd.js',
        type: 'js',
    },
]
importResources(pathItems)
    .then((res)=>{
        console.log(res)
    })
Parameters:
Name Type Description
pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳注入成功的HtmlElement,reject回傳錯誤訊息

Type
Promise

(static) interp1(ps, px, optopt) → {Number|Object}

Description:
  • 一維數據內插

    Unit Test: Github

Source:
Example
Try in Codepen
let r
let x

let ps = [
    { x: 1, y: 0.2 },
    { x: 3, y: 1.2 },
    { x: 4, y: 2 },
]

let psInv = [
    { x: 4, y: 2 },
    { x: 3, y: 1.2 },
    { x: 1, y: 0.2 },
]

let psErr = [
    { x: 'a', y: 0.2 },
    { x: 'mnop', y: 1.2 },
    { x: 'xyz', y: 2 },
]

let psEmpty = [
]

let psEffOne = [
    { x: 1, y: 0.2 },
    { x: 'mnop', y: 1.2 },
    { x: 'xyz', y: 2 },
]

let psP = [
    { a: 1, b: 0.2 },
    { a: 3, b: 1.2 },
    { a: 4, b: 2 },
]

let px = [0, 1, 2, 2.6, 3, 3.5, 4, 5]

let opt = {
    mode: 'stairs',
}

let optX = {
    mode: 'stairs',
    xMin: 0,
    xMax: 4.5,
}

let optP = {
    keyX: 'a',
    keyY: 'b',
}

x = 0
r = interp1(psErr, x)
console.log(`linear(error data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(error data): x=0 r={"err":"ps(length=0) is not an effective array","ps":[{"x":"a","y":0.2},{"x":"mnop","y":1.2},{"x":"xyz","y":2}],"psEff":[]}

x = 0
r = interp1(psEmpty, x)
console.log(`linear(empty data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(empty data): x=0 r={"err":"ps(length=0) is not an effective array","ps":[],"psEff":[]}

x = 0
r = interp1(psEffOne, x)
console.log(`linear(one point): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(one point): x=0 r={"err":"ps(length=1) is one point only","ps":[{"x":1,"y":0.2},{"x":"mnop","y":1.2},{"x":"xyz","y":2}],"psEff":[{"x":1,"y":0.2}]}

x = 0
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=0 r={"err":"out of x-range","msg":"x[0] less than lower limit[1]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":0,"xmin":1,"xmax":4}}

x = 1
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=1 r=0.2

x = 2
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=2 r=0.7

x = 2.6
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=2.6 r=1

x = 3
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=3 r=1.2

x = 3.5
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=3.5 r=1.6

x = 4
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=4 r=2

x = 5
r = interp1(ps, x)
console.log(`linear: x=${x}`, 'r=' + JSON.stringify(r))
// => linear: x=5 r={"err":"out of x-range","msg":"x[5] greater than upper limit[4]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":5,"xmin":1,"xmax":4}}

x = 0
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=0 r={"err":"out of x-range","msg":"x[0] less than lower limit[1]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":0,"xmin":1,"xmax":4}}

x = 1
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=1 r=0.2

x = 2
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=2 r=0.7

x = 2.6
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=2.6 r=1

x = 3
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=3 r=1.2

x = 3.5
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=3.5 r=1.6

x = 4
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=4 r=2

x = 5
r = interp1(psInv, x)
console.log(`linear(inverse data): x=${x}`, 'r=' + JSON.stringify(r))
// => linear(inverse data): x=5 r={"err":"out of x-range","msg":"x[5] greater than upper limit[4]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":5,"xmin":1,"xmax":4}}

x = -1
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=-1 r={"err":"out of x-range","msg":"x[-1] less than lower limit[1]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":-1,"xmin":1,"xmax":4}}

x = 0.51
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=0.51 r={"err":"out of x-range","msg":"x[0.51] less than lower limit[1]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":0.51,"xmin":1,"xmax":4}}

x = 1
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=1 r=0.2

x = 1.9
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=1.9 r=0.2

x = 2
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=2 r=0.2

x = 2.1
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=2.1 r=1.2

x = 2.5
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=2.5 r=1.2

x = 3
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=3 r=1.2

x = 3.49
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=3.49 r=1.2

x = 3.5
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=3.5 r=1.2

x = 3.51
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=3.51 r=2

x = 4
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=4 r=2

x = 4.5
r = interp1(ps, x, opt)
console.log(`stairs: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs: x=4.5 r={"err":"out of x-range","msg":"x[4.5] greater than upper limit[4]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":4.5,"xmin":1,"xmax":4}}

x = -1
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=-1 r={"err":"out of x-range","msg":"x[-1] less than lower limit[0]","data":{"ps":[{"x":0,"y":0.2},{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2},{"x":4.5,"y":2}],"x":-1,"xmin":0,"xmax":4.5}}

x = 0
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=0 r=0.2

x = 0.49
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=0.49 r=0.2

x = 0.5
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=0.5 r=0.2

x = 0.51
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=0.51 r=0.2

x = 1
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=1 r=0.2

x = 1.9
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=1.9 r=0.2

x = 2
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=2 r=0.2

x = 2.1
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=2.1 r=1.2

x = 2.5
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=2.5 r=1.2

x = 3
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=3 r=1.2

x = 3.49
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=3.49 r=1.2

x = 3.5
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=3.5 r=1.2

x = 3.51
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=3.51 r=2

x = 4
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=4 r=2

x = 4.49
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=4.49 r=2

x = 4.5
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=4.5 r=2

x = 4.51
r = interp1(ps, x, optX)
console.log(`stairs with x-limit: x=${x}`, 'r=' + JSON.stringify(r))
// => stairs with x-limit: x=4.51 r={"err":"out of x-range","msg":"x[4.51] greater than upper limit[4.5]","data":{"ps":[{"x":0,"y":0.2},{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2},{"x":4.5,"y":2}],"x":4.51,"xmin":0,"xmax":4.5}}

x = 0
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=0 r={"err":"out of x-range","msg":"x[0] less than lower limit[1]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":0,"xmin":1,"xmax":4}}

x = 1
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=1 r=0.2

x = 2
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=2 r=0.7

x = 2.6
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=2.6 r=1

x = 3
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=3 r=1.2

x = 3.5
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=3.5 r=1.6

x = 4
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=4 r=2

x = 5
r = interp1(psP, x, optP)
console.log(`linear by keyX & keyY: x=${x}`, 'r=' + JSON.stringify(r))
// => linear by keyX & keyY: x=5 r={"err":"out of x-range","msg":"x[5] greater than upper limit[4]","data":{"ps":[{"x":1,"y":0.2},{"x":3,"y":1.2},{"x":4,"y":2}],"x":5,"xmin":1,"xmax":4}}

r = interp1(ps, px)
console.log(`linear: px=${JSON.stringify(px)}`, 'r=' + JSON.stringify(r, null, 2))
// => linear: px=[0,1,2,2.6,3,3.5,4,5] r=[
//   {
//     "err": "out of x-range",
//     "msg": "x[0] less than lower limit[1]",
//     "data": {
//       "ps": [
//         {
//           "x": 1,
//           "y": 0.2
//         },
//         {
//           "x": 3,
//           "y": 1.2
//         },
//         {
//           "x": 4,
//           "y": 2
//         }
//       ],
//       "x": 0,
//       "xmin": 1,
//       "xmax": 4
//     }
//   },
//   0.2,
//   0.7,
//   1,
//   1.2,
//   1.6,
//   2,
//   {
//     "err": "out of x-range",
//     "msg": "x[5] greater than upper limit[4]",
//     "data": {
//       "ps": [
//         {
//           "x": 1,
//           "y": 0.2
//         },
//         {
//           "x": 3,
//           "y": 1.2
//         },
//         {
//           "x": 4,
//           "y": 2
//         }
//       ],
//       "x": 5,
//       "xmin": 1,
//       "xmax": 4
//     }
//   }
// ]
Parameters:
Name Type Attributes Default Description
ps Array

輸入一維數據,格式可支援兩種,第一種各點為陣列[[x1,y1],[x2,y2],...],例如[[0.1,5],[0.2,12],...],第二種各點為物件,屬性至少要有x與y,格式為[{x:x1,y:y1},{x:x2,y:y2},...],例如[{x:0.1,y:5},{x:0.2,y:12},...],key值x與y可由opt更換

px Number | Array

輸入要內插點的數值或數值陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
mode String <optional>
''

輸入內插方法,可選'linear'、'stairs'、'blocks',預設'linear'

keyX String <optional>
'x'

輸入若數據為物件陣列,取物件x值時的key字串,預設為'x'

keyY String <optional>
'y'

輸入若數據為物件陣列,取物件y值時的key字串,預設為'y'

xMin Number <optional>

輸入若mode='stairs',更改x範圍下限值,預設為undefined

xMax Number <optional>

輸入若mode='stairs',更改x範圍上限值,預設為undefined

Returns:

回傳內插結果數值,或是無法內插時之錯誤訊息物件

Type
Number | Object

(static) isDev() → {Boolean}

Description:
  • 前端判斷是否為開發階段 主要判斷location.href內是否含有localhost Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

console.log(isDev())
// => true or false
Returns:

回傳是否為開發階段

Type
Boolean

(static) isEle(ele) → {Boolean}

Description:
  • 前端判斷元素是否存在

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let ele = document.querySelector('#id')
console.log(isEle(ele))
// => true or false
Parameters:
Name Type Description
ele Element

輸入DOM元素

Returns:

回傳判斷布林值

Type
Boolean

(static) isEleExistByID(id) → {Boolean}

Description:
  • 前端判斷元素id是否存在

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

console.log(isEleExistByID('#id'))
// => true or false
Parameters:
Name Type Description
id String

輸入id字串

Returns:

回傳判斷布林值

Type
Boolean

(static) isEmail(email) → {Boolean}

Description:
  • 判斷是否為廣義無效

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isEmail('abc@mail.com'))
// => true

console.log(isEmail('abc@a.b'))
// => false
Parameters:
Name Type Description
email String

輸入email字串

Returns:

回傳判斷布林值

Type
Boolean

(static) isIE() → {Boolean}

Description:
  • 前端判斷瀏覽器是否為IE

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isIE())
// => true
Returns:

回傳判斷布林值

Type
Boolean

(static) isNarrow(eleopt) → {Boolean}

Description:
  • 前端判斷是否為窄版裝置 主要判斷瀏覽器視窗寬度是否大於0與小於1024,若有傳DOM元素,則再加判斷該元素寬度是否大於0與小於700

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

console.log(isNarrow())
// => true or false

let ele = document.querySelector('#id')
console.log(isNarrow(ele))
// => true or false
Parameters:
Name Type Attributes Description
ele Element <optional>

輸入為DOM元素,預設為不使用

Returns:

回傳是否為窄版裝置

Type
Boolean

(static) isStrHasCapital(str) → {Boolean}

Description:
  • 字串是否包含大寫英文字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isStrHasCapital('abc125'))
// => false

console.log(isStrHasCapital('abC125'))
// => true
Parameters:
Name Type Description
str String

輸入欲判斷的字串

Returns:

回傳是否包含大寫英文字元

Type
Boolean

(static) isStrHasLowerCase(str) → {Boolean}

Description:
  • 字串是否包含小寫英文字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isStrHasLowerCase('ABC125'))
// => false

console.log(isStrHasLowerCase('abC125'))
// => true
Parameters:
Name Type Description
str String

輸入欲判斷的字串

Returns:

回傳是否包含小寫英文字元

Type
Boolean

(static) isStrHasNumber(str) → {Boolean}

Description:
  • 字串是否包含數字

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isStrHasNumber('abc'))
// => false

console.log(isStrHasNumber('abc125'))
// => true
Parameters:
Name Type Description
str String

輸入欲判斷的字串

Returns:

回傳是否包含數字

Type
Boolean

(static) isUserIdentify(v) → {Promise}

Description:
  • 判斷是否為有效中華民國身份證

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

isUserIdentify('A122471399')
    .then(function(){
        console.log('then')
        //code here
    })
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳Promise,resolve為空代表有效,reject為錯誤訊息

Type
Promise

(static) isUserName(v) → {Promise}

Description:
  • 判斷是否為有效使用者名稱

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

isUserName('我的名稱')
    .then(function() {
        console.log('then')
        //code here
    })
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳Promise,resolve為空代表有效,reject為錯誤訊息

Type
Promise

(static) isUserPW(v) → {Promise}

Description:
  • 判斷是否為有效user password

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

isUserPW('Asdf1234')
    .then(function() {
        console.log('then')
        //code here
    })
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳Promise,resolve為空代表有效,reject為錯誤訊息

Type
Promise

(static) isWindow() → {Boolean}

Description:
  • 判斷是否為瀏覽器環境

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

console.log(isWindow())
// => true or false
Returns:

回傳判斷布林值

Type
Boolean

(static) isab(v) → {Boolean}

Description:
  • 判斷是否為ArrayBuffer

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isab(new ArrayBuffer(1)))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isarr(v) → {Boolean}

Description:
  • 判斷是否為陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isarr([]))
// => true

console.log(isarr([{}]))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isarr0(v) → {Boolean}

Description:
  • 判斷是否為無內容陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isarr([]))
// => true

console.log(isarr([{}]))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isblob(v) → {Boolean}

Description:
  • 前端判斷是否為Blob,NodeJS沒有Blob

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let bb = new Blob([new Uint8Array([66, 97, 115])])
console.log(isblob(bb))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isbol(v) → {Boolean}

Description:
  • 判斷是否為boolean

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isbol(false))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isday(v) → {Boolean}

Description:
  • 判斷是否為日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isday('2019-01-01'))
// => true
Parameters:
Name Type Description
v String

輸入日時間字串

Returns:

回傳是否為日時間布林值

Type
Boolean

(static) isearr(v) → {Boolean}

Description:
  • 判斷是否為有效陣列,長度至少大於等於1,各元素至少皆為有效

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isearr([{}]))
// => false

console.log(isearr([{ a: 123 }]))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) iseobj(v) → {Boolean}

Description:
  • 判斷是否為有效物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(iseobj({}))
// => false

console.log(iseobj({ a: 123 }))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) iser(v) → {Boolean}

Description:
  • 判斷是否為廣義無效

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(iser('12a5'))
// => false

console.log(iser(''))
// => true

console.log(iser([]))
// => true

console.log(iser([{}]))
// => false

console.log(iser(['']))
// => false

console.log(iser({}))
// => true

console.log(iser(null))
// => true

console.log(iser(undefined))
// => true

console.log(iser(NaN))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isernot(v) → {Boolean}

Description:
  • 判斷是否為廣義有效

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isernot('12a5'))
// => true

console.log(isernot(''))
// => false

console.log(isernot([]))
// => false

console.log(isernot([{}]))
// => true

console.log(isernot(['']))
// => true

console.log(isernot({}))
// => false

console.log(isernot(null))
// => false

console.log(isernot(undefined))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isestr(v) → {Boolean}

Description:
  • 判斷是否為有效字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isestr('1.25'))
// => true

console.log(isestr(125))
// => false

console.log(isestr(''))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isfun(v) → {Boolean}

Description:
  • 判斷是否為函數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isfun('1.25'))
// => false

console.log(isfun(function() {}))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isint(v) → {Boolean}

Description:
  • 判斷是否為整數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isint('1.25'))
// => false

console.log(isint('125'))
// => true

console.log(isint(1.25))
// => false

console.log(isint(125))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) ismonth(v) → {Boolean}

Description:
  • 判斷是否為月時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ismonth('2019-01-01'))
// => false

console.log(ismonth('2019-01'))
// => true
Parameters:
Name Type Description
v String

輸入月時間字串

Returns:

回傳是否為月時間布林值

Type
Boolean

(static) isn0int(v) → {Boolean}

Description:
  • 判斷是否為小於等於0整數(非正整數) 非正整數包含0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isn0int(0))
// => true

console.log(isn0int('0'))
// => true

console.log(isn0int(125))
// => false

console.log(isn0int(1.25))
// => false

console.log(isn0int('125'))
// => false

console.log(isn0int('1.25'))
// => false
console.log(isn0int(-125))
// => true

console.log(isn0int(-1.25))
// => false

console.log(isn0int('-125'))
// => true

console.log(isn0int('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isn0num(v) → {Boolean}

Description:
  • 判斷是否為小於等於0浮點數(非正浮點數) 非正浮點數包含0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isn0num(0))
// => true

console.log(isn0num('0'))
// => true

console.log(isn0num(125))
// => false

console.log(isn0num(1.25))
// => false

console.log(isn0num('125'))
// => false

console.log(isn0num('1.25'))
// => false

console.log(isn0num(-125))
// => true

console.log(isn0num(-1.25))
// => true

console.log(isn0num('-125'))
// => true

console.log(isn0num('-1.25'))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnan(v) → {Boolean}

Description:
  • 判斷是否為NaN

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnan(NaN))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnbr(v) → {Boolean}

Description:
  • 判斷是否為數字

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnbr(1.25))
// => true

console.log(isnbr('1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnint(v) → {Boolean}

Description:
  • 判斷是否為負整數 負整數不包含0,為小於0的整數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnint(0))
// => false

console.log(isnint('0'))
// => false

console.log(isnint(125))
// => false

console.log(isnint(1.25))
// => false

console.log(isnint('125'))
// => false

console.log(isnint('1.25'))
// => false
console.log(isnint(-125))
// => true

console.log(isnint(-1.25))
// => false

console.log(isnint('-125'))
// => true

console.log(isnint('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnnum(v) → {Boolean}

Description:
  • 判斷是否為小於0浮點數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnnum(0))
// => false

console.log(isnnum('0'))
// => false

console.log(isnnum(125))
// => false

console.log(isnnum(1.25))
// => false

console.log(isnnum('125'))
// => false

console.log(isnnum('1.25'))
// => false

console.log(isnnum(-125))
// => true

console.log(isnnum(-1.25))
// => true

console.log(isnnum('-125'))
// => true

console.log(isnnum('-1.25'))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnull(v) → {Boolean}

Description:
  • 判斷是否為null

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnull(null))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isnum(v) → {Boolean}

Description:
  • 判斷是否為數字

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isnum(0))
// => true

console.log(isnum(1.25))
// => true

console.log(isnum('-125'))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isobj(v) → {Boolean}

Description:
  • 判斷是否為物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isobj({}))
// => true

console.log(isobj({ a: 123 }))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isobj0(v) → {Boolean}

Description:
  • 判斷是否為空物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isobj0({}))
// => true

console.log(isobj0({ a: 123 }))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isp0int(v) → {Boolean}

Description:
  • 判斷是否為大於等於0整數(非負整數) 非負整數包含0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isp0int(0))
// => true

console.log(isp0int('0'))
// => true

console.log(isp0int(125))
// => true

console.log(isp0int(1.25))
// => false

console.log(isp0int('125'))
// => true

console.log(isp0int('1.25'))
// => false
console.log(isp0int(-125))
// => false

console.log(isp0int(-1.25))
// => false

console.log(isp0int('-125'))
// => false

console.log(isp0int('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isp0num(v) → {Boolean}

Description:
  • 判斷是否為大於等於0浮點數(非負浮點數) 非負浮點數包含0

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isp0num(0))
// => true

console.log(isp0num('0'))
// => true

console.log(isp0num(125))
// => true

console.log(isp0num(1.25))
// => true

console.log(isp0num('125'))
// => true

console.log(isp0num('1.25'))
// => true
console.log(isp0num(-125))
// => false

console.log(isp0num(-1.25))
// => false

console.log(isp0num('-125'))
// => false

console.log(isp0num('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) ispint(v) → {Boolean}

Description:
  • 判斷是否為正整數 正整數不包含0,為大於0的整數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ispint(0))
// => false

console.log(ispint('0'))
// => false

console.log(ispint(125))
// => true

console.log(ispint(1.25))
// => false

console.log(ispint('125'))
// => true

console.log(ispint('1.25'))
// => false
console.log(ispint(-125))
// => false

console.log(ispint(-1.25))
// => false

console.log(ispint('-125'))
// => false

console.log(ispint('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) ispm(v) → {Boolean}

Description:
  • 判斷是否為Promise

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ispm('1.25'))
// => false

console.log(ispm(new Promise(function() {})))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) ispnum(v) → {Boolean}

Description:
  • 判斷是否為大於0浮點數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ispnum(0))
// => false

console.log(ispnum('0'))
// => false

console.log(ispnum(125))
// => true

console.log(ispnum(1.25))
// => true

console.log(ispnum('125'))
// => true

console.log(ispnum('1.25'))
// => true
console.log(ispnum(-125))
// => false

console.log(ispnum(-1.25))
// => false

console.log(ispnum('-125'))
// => false

console.log(ispnum('-1.25'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isstr(v) → {Boolean}

Description:
  • 判斷是否為字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isstr(0))
// => false

console.log(isstr('0'))
// => true

console.log(isstr(''))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isstr0(v) → {Boolean}

Description:
  • 判斷是否為空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isstr0(''))
// => true

console.log(isstr0('0'))
// => false

console.log(isstr0('abc125'))
// => false
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) istime(v) → {Boolean}

Description:
  • 判斷是否為秒時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(istime('2019-01-01T12:34:56:789'))
// => false

console.log(istime('2019-01-01T12:34:56'))
// => true

console.log(istime('2019-01-01'))
// => false
Parameters:
Name Type Description
v String

輸入秒時間字串,不含時區

Returns:

回傳是否為秒時間布林值

Type
Boolean

(static) istimeTZ(v) → {Boolean}

Description:
  • 判斷是否為秒時間,含時區

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(istimeTZ('2019-01-01T12:34:56:789+08:00'))
// => false

console.log(istimeTZ('2019-01-01T12:34:56+08:00'))
// => true

console.log(istimeTZ('2019-01-01T12:34:56Z'))
// => true

console.log(istimeTZ('2019-01-01T12:34:56A'))
// => false

console.log(istimeTZ('2019-01-01'))
// => false
Parameters:
Name Type Description
v String

輸入秒時間字串,含時區

Returns:

回傳是否為秒時間布林值

Type
Boolean

(static) istimems(v) → {Boolean}

Description:
  • 判斷是否為秒時間,不含時區

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(istimems('2019-01-01T12:34:56:789.321'))
// => false

console.log(istimems('2019-01-01T12:34:56.321'))
// => true

console.log(istimems('2019-01-01T12:34:56'))
// => false

console.log(istimems('2019-01-01'))
// => false
Parameters:
Name Type Description
v String

輸入毫秒時間字串,不含時區

Returns:

回傳是否為毫秒時間布林值

Type
Boolean

(static) istimemsTZ(v) → {Boolean}

Description:
  • 判斷是否為毫秒時間,含時區

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(istimemsTZ('2019-01-01T12:34:56.789+08:00'))
// => true

console.log(istimemsTZ('2019-01-01T12:34:56.789Z'))
// => true

console.log(istimemsTZ('2019-01-01T12:34:56:789+08:00'))
// => false

console.log(istimemsTZ('2019-01-01T12:34:56+08:00'))
// => false

console.log(istimemsTZ('2019-01-01'))
// => false
Parameters:
Name Type Description
v String

輸入毫秒時間字串,含時區

Returns:

回傳是否為毫秒時間布林值

Type
Boolean

(static) isu16arr(v) → {Boolean}

Description:
  • 判斷是否為Uint16Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isu16arr(new Uint16Array(1)))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isu8arr(v) → {Boolean}

Description:
  • 判斷是否為Uint8Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isu8arr(new Uint8Array(1)))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) isundefined(v) → {Boolean}

Description:
  • 判斷是否為undefined

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(isundefined(undefined))
// => true
Parameters:
Name Type Description
v *

輸入任意資料

Returns:

回傳判斷布林值

Type
Boolean

(static) j2o(v) → {*}

Description:
  • json文字轉任意資料

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(j2o('[1,"3","abc"]'))
// => [1, '3', 'abc']

console.log(j2o('{"a":12.34,"b":"abc"}'))
// => { a: 12.34, b: 'abc' }
Parameters:
Name Type Description
v String

輸入json格式字串

Returns:

回傳任意資料

Type
*

(static) keysmat2ltdt(keys, mat) → {Array}

Description:
  • 由keys與二維陣列mdata轉ltdt

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(keysmat2ltdt(['a', 'b'], [[12, 34.56], ['123', 'xyz']]))
// => [{ a: 12, b: 34.56 }, { a: '123', b: 'xyz' }]
Parameters:
Name Type Description
keys Array

輸入字串陣列

mat Array

輸入資料陣列

Returns:

回傳物件陣列

Type
Array

(static) log() → {Object}

Description:
  • log紀錄封裝器

    Unit Test: Github

Source:
Example
Try in Codepen
let ms = []
let lg = log()
lg.init(function(v) {
    console.log(v)
    ms.push({
        from: v.from,
        level: v.level,
        msg: v.msg,
    })
})

lg.log('service:web', 'infor', 'abc')
lg.log('service:web', 'error', 'def')
lg.log('service:api', 'infor', 'xyz')
console.log(ms)
// {
//   id: '{random-id}',
//   from: 'service:web',
//   level: 'infor',
//   msg: '"abc"',
//   time: '2021-08-06T14:05:38+08:00'
// }
// {
//   id: '{random-id}',
//   from: 'service:web',
//   level: 'error',
//   msg: '"def"',
//   time: '2021-08-06T14:05:38+08:00'
// }
// {
//   id: '{random-id}',
//   from: 'service:api',
//   level: 'infor',
//   msg: '"xyz"',
//   time: '2021-08-06T14:05:38+08:00'
// }
// [
//   { from: 'service:web', level: 'infor', msg: '"abc"' },
//   { from: 'service:web', level: 'error', msg: '"def"' },
//   { from: 'service:api', level: 'infor', msg: '"xyz"' }
// ]
Returns:

回傳事件物件,可呼叫事件init與log。init傳入紀錄器函數,可為sync或async,紀錄器會收到一個數據物件,此需由紀錄實做儲存方式。log為外部呼叫的紀錄函數,紀錄函數會收到from(觸發來源)、level(紀錄種類)、msg(紀錄訊息),回傳係為init取得之紀錄器函數回傳,故可能為sync(一般回傳)或async(Promise)。

Type
Object

(static) ltdt2vrtsable(ltdt, mergerowkeysopt) → {Array}

Description:
  • 由物件陣列ltdt轉陣列vrtable(使用value,style,rowspan儲存)

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ltdt2vrtsable([{"a":{"value":"123","style":{}},"b":{"value":34.56,"style":{}}},{"a":{"value":"123","style":{}},"b":{"value":"xyz","style":{}}}], ['a']))
// => [{"a":{"rowspan":2,"value":"123","style":{}},"b":{"rowspan":1,"value":34.56,"style":{}}},{"a":{"rowspan":null,"value":"123","style":{}},"b":{"rowspan":1,"value":"xyz","style":{}}}]
Parameters:
Name Type Attributes Default Description
ltdt Array

輸入物件陣列

mergerowkeys Array <optional>
[]

輸入需合併列的關鍵字keys,為字串陣列,預設為空陣列

Returns:

回傳物件陣列

Type
Array

(static) ltdtDiff(ltdtOld, ltdtNew, optopt) → {Object}

Description:
  • 比對新舊物件陣列差異處

    Unit Test: Github

Source:
Example
Try in Codepen
let r
let ltdtOld
let ltdtNew

if (true) {
    ltdtOld = [
        { 'cn': '1', 'v1': 'a', 'v2': '0.506002098' },
        { 'cn': '2', 'v1': 'b', 'v2': '0.506002098' },
    ]
    ltdtNew = [
        { 'cn': 't1', 'v1': 'ta', 'v2': '0.506002098' },
        { 'cn': 't2', 'v1': 'tb', 'v2': '0.506002098' },
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 2,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶1⟋1∶a⟋2∶0.506002098⟋\n0∶2⟋1∶b⟋2∶0.506002098⟋\n'
    //   },
    //   {
    //     count: 2,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶t1⟋1∶ta⟋2∶0.506002098⟋\n0∶t2⟋1∶tb⟋2∶0.506002098⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df [
    //   { p: 'modify', k: 0, vo: '1', vn: 't1' },
    //   { p: 'modify', k: 1, vo: 'a', vn: 'ta' },
    //   { p: '', k: 2, vo: '0.506002098', vn: '' }
    // ]
    // 1 df [
    //   { p: 'modify', k: 0, vo: '2', vn: 't2' },
    //   { p: 'modify', k: 1, vo: 'b', vn: 'tb' },
    //   { p: '', k: 2, vo: '0.506002098', vn: '' }
    // ]
}

if (true) {
    ltdtOld = [
        { 'cn': '1', 'v1': '', 'v3': '0.506002098' },
    ]
    ltdtNew = [
        { 'cn': '1', 'v2': '', 'v3': '0.506002098' },
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶1⟋1∶⟋2∶0.506002098⟋3∶∗empty∗⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶1⟋1∶∗empty∗⟋2∶0.506002098⟋3∶⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df [
    //   { p: '', k: 'cn', vo: '1', vn: '' },
    //   { p: 'modify', k: 'v1', vo: '', vn: '∗empty∗' },
    //   { p: '', k: 'v3', vo: '0.506002098', vn: '' },
    //   { p: 'modify', k: 'v2', vo: '∗empty∗', vn: '' }
    // ]
}

if (true) {
    ltdtOld = [
        { 'hid': 'BH-01', 'sid': 'S-01', 'depth': '1-2', 'rsat': '18' },
        { 'hid': 'BH-01', 'sid': 'S-02', 'depth': '5-6', 'rsat': '17.5' },
        { 'hid': 'BH-01', 'sid': 'S-03', 'depth': '7-8', 'rsat': '17' },
    ]
    ltdtNew = [
        { 'hid': 'BH-01', 'sid': 'S-01', 'depth': '1-2', 'rsat': '18' },
        { 'hid': 'BH-01', 'sid': 'S-03', 'depth': '7-8', 'rsat': '17' },
        { 'hid': 'BH-01', 'sid': 'S-04', 'depth': '11-12', 'rsat': '19.5' },
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   { count: 1, value: '0∶BH-01⟋1∶S-01⟋2∶1-2⟋3∶18⟋\n' },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶BH-01⟋1∶S-02⟋2∶5-6⟋3∶17.5⟋\n'
    //   },
    //   { count: 1, value: '0∶BH-01⟋1∶S-03⟋2∶7-8⟋3∶17⟋\n' },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶BH-01⟋1∶S-04⟋2∶11-12⟋3∶19.5⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df {
    //   hid: { p: '', k: 'hid', vo: 'BH-01', vn: '' },
    //   sid: { p: '', k: 'sid', vo: 'S-01', vn: '' },
    //   depth: { p: '', k: 'depth', vo: '1-2', vn: '' },
    //   rsat: { p: '', k: 'rsat', vo: '18', vn: '' }
    // }
    // 1 df {
    //   hid: { p: 'remove', k: 'hid', vo: 'BH-01', vn: '' },
    //   sid: { p: 'remove', k: 'sid', vo: 'S-02', vn: '' },
    //   depth: { p: 'remove', k: 'depth', vo: '5-6', vn: '' },
    //   rsat: { p: 'remove', k: 'rsat', vo: '17.5', vn: '' }
    // }
    // 2 df {
    //   hid: { p: '', k: 'hid', vo: 'BH-01', vn: '' },
    //   sid: { p: '', k: 'sid', vo: 'S-03', vn: '' },
    //   depth: { p: '', k: 'depth', vo: '7-8', vn: '' },
    //   rsat: { p: '', k: 'rsat', vo: '17', vn: '' }
    // }
    // 3 df {
    //   hid: { p: 'add', k: 'hid', vo: 'BH-01', vn: '' },
    //   sid: { p: 'add', k: 'sid', vo: 'S-04', vn: '' },
    //   depth: { p: 'add', k: 'depth', vo: '11-12', vn: '' },
    //   rsat: { p: 'add', k: 'rsat', vo: '19.5', vn: '' }
    // }
}

if (true) {
    ltdtOld = [
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-1', 'depth': '0.9-1.2', 'unitWeight': 3.53, 'waterContent': 76.7, 'n': 7.672198498621583, 'Iv': 7.672198498621583 },
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-2', 'depth': '2.1-2.3', 'unitWeight': 3.83, 'waterContent': 91.3, 'n': 9.126731706783175, 'Iv': 9.126731706783175 },
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-3', 'depth': '4.4-4.6', 'unitWeight': 2.51, 'waterContent': 25.5, 'n': 2.552068908698857, 'Iv': 2.552068908698857 }
    ]
    ltdtNew = [
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-1A', 'depth': '0.9-1.2', 'unitWeight': 3.67, 'waterContent': 83.5, 'n': 8.347251752857119, 'Iv': 8.347251752857119 },
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-3', 'depth': '4.4-4.6', 'unitWeight': 2.51, 'waterContent': 25.5, 'n': 2.552068908698857, 'Iv': 2.552068908698857 },
        { 'testId': 'GeneralPhysicalProperties', 'holeId': 'BH-1', 'sampleId': 'S-4', 'depth': '5.1-5.3', 'unitWeight': 3.13, 'waterContent': 56.6, 'n': 5.655150997918099, 'Iv': 5.655150997918099 }
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 2,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶GeneralPhysicalProperties⟋1∶BH-1⟋2∶S-1⟋3∶0.9-1.2⟋4∶3.53⟋5∶76.7⟋6∶7.672198498621583⟋7∶7.672198498621583⟋\n' +
    //       '0∶GeneralPhysicalProperties⟋1∶BH-1⟋2∶S-2⟋3∶2.1-2.3⟋4∶3.83⟋5∶91.3⟋6∶9.126731706783175⟋7∶9.126731706783175⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶GeneralPhysicalProperties⟋1∶BH-1⟋2∶S-1A⟋3∶0.9-1.2⟋4∶3.67⟋5∶83.5⟋6∶8.347251752857119⟋7∶8.347251752857119⟋\n'
    //   },
    //   {
    //     count: 1,
    //     value: '0∶GeneralPhysicalProperties⟋1∶BH-1⟋2∶S-3⟋3∶4.4-4.6⟋4∶2.51⟋5∶25.5⟋6∶2.552068908698857⟋7∶2.552068908698857⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶GeneralPhysicalProperties⟋1∶BH-1⟋2∶S-4⟋3∶5.1-5.3⟋4∶3.13⟋5∶56.6⟋6∶5.655150997918099⟋7∶5.655150997918099⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df {
    //   testId: { p: '', k: 'testId', vo: 'GeneralPhysicalProperties', vn: '' },
    //   holeId: { p: '', k: 'holeId', vo: 'BH-1', vn: '' },
    //   sampleId: { p: 'modify', k: 'sampleId', vo: 'S-1', vn: 'S-1A' },
    //   depth: { p: '', k: 'depth', vo: '0.9-1.2', vn: '' },
    //   unitWeight: { p: 'modify', k: 'unitWeight', vo: '3.53', vn: '3.67' },
    //   waterContent: { p: 'modify', k: 'waterContent', vo: '76.7', vn: '83.5' },
    //   n: {
    //     p: 'modify',
    //     k: 'n',
    //     vo: '7.672198498621583',
    //     vn: '8.347251752857119'
    //   },
    //   Iv: {
    //     p: 'modify',
    //     k: 'Iv',
    //     vo: '7.672198498621583',
    //     vn: '8.347251752857119'
    //   }
    // }
    // 1 df {
    //   testId: { p: 'remove', k: 'testId', vo: 'GeneralPhysicalProperties', vn: '' },
    //   holeId: { p: 'remove', k: 'holeId', vo: 'BH-1', vn: '' },
    //   sampleId: { p: 'remove', k: 'sampleId', vo: 'S-2', vn: '' },
    //   depth: { p: 'remove', k: 'depth', vo: '2.1-2.3', vn: '' },
    //   unitWeight: { p: 'remove', k: 'unitWeight', vo: '3.83', vn: '' },
    //   waterContent: { p: 'remove', k: 'waterContent', vo: '91.3', vn: '' },
    //   n: { p: 'remove', k: 'n', vo: '9.126731706783175', vn: '' },
    //   Iv: { p: 'remove', k: 'Iv', vo: '9.126731706783175', vn: '' }
    // }
    // 2 df {
    //   testId: { p: '', k: 'testId', vo: 'GeneralPhysicalProperties', vn: '' },
    //   holeId: { p: '', k: 'holeId', vo: 'BH-1', vn: '' },
    //   sampleId: { p: '', k: 'sampleId', vo: 'S-3', vn: '' },
    //   depth: { p: '', k: 'depth', vo: '4.4-4.6', vn: '' },
    //   unitWeight: { p: '', k: 'unitWeight', vo: '2.51', vn: '' },
    //   waterContent: { p: '', k: 'waterContent', vo: '25.5', vn: '' },
    //   n: { p: '', k: 'n', vo: '2.552068908698857', vn: '' },
    //   Iv: { p: '', k: 'Iv', vo: '2.552068908698857', vn: '' }
    // }
    // 3 df {
    //   testId: { p: 'add', k: 'testId', vo: 'GeneralPhysicalProperties', vn: '' },
    //   holeId: { p: 'add', k: 'holeId', vo: 'BH-1', vn: '' },
    //   sampleId: { p: 'add', k: 'sampleId', vo: 'S-4', vn: '' },
    //   depth: { p: 'add', k: 'depth', vo: '5.1-5.3', vn: '' },
    //   unitWeight: { p: 'add', k: 'unitWeight', vo: '3.13', vn: '' },
    //   waterContent: { p: 'add', k: 'waterContent', vo: '56.6', vn: '' },
    //   n: { p: 'add', k: 'n', vo: '5.655150997918099', vn: '' },
    //   Iv: { p: 'add', k: 'Iv', vo: '5.655150997918099', vn: '' }
    // }
}

if (true) {
    ltdtOld = [
        { 'cn': '1', 'v1': '0.791303871', 'v2': '0.716898185', 'v3': '0.506002098', 'v4': '0.137888903', 'v5': '', 'v6': '0.626724085' },
        { 'cn': '2', 'v1': '0.839882385', 'v2': '0.663059856', 'v3': '0.49047221', 'v4': '0.395763265', 'v5': '0.567412025', 'v6': '0.866151835' },
        { 'cn': '3', 'v1': '0.475514539', 'v2': '0.969205779', 'v3': '0.711250309', 'v4': '0.153847069', 'v5': '0.304927473', 'v6': '0.410092395' },
        { 'cn': '4', 'v1': '0.486179086', 'v2': '0.481023842', 'v3': '0.467410582', 'v4': '0.42602231', 'v5': '', 'v6': '0.849701641' },
        { 'cn': '5', 'v1': '0.697242433', 'v2': '0.67532802', 'v3': '0.174644416', 'v4': '0.045652267', 'v5': '', 'v6': '0.397104668' },
        { 'cn': '6', 'v1': '0.259252779', 'v2': '0.566177431', 'v3': '0.679637706', 'v4': '0.377814487', 'v5': '', 'v6': '0.400248119' },
        { 'cn': '7', 'v1': '0.263793391', 'v2': '0.167895215', 'v3': '0.794808602', 'v4': '0.107070584', 'v5': '', 'v6': '0.011822872' },
        { 'cn': '8', 'v1': '0.360426795', 'v2': '0.014346373', 'v3': '0.000469616', 'v4': '0.4082693', 'v5': '', 'v6': '0.913806611' },
        { 'cn': '9', 'v1': '0.167996664', 'v2': '0.711054429', 'v3': '0.363177921', 'v4': '0.206849994', 'v5': '', 'v6': '0.636855344' },
        { 'cn': '10', 'v1': '0.324665077', 'v2': '0.973218005', 'v3': '0.883927423', 'v4': '0.176906125', 'v5': '', 'v6': '0.20087887' },
        { 'cn': '11', 'v1': '', 'v2': '', 'v3': '', 'v4': '', 'v5': '', 'v6': '' },
        { 'cn': '12', 'v1': '', 'v2': '', 'v3': '', 'v4': '', 'v5': '', 'v6': '' },
        { 'cn': '13', 'v1': '0.984003751', 'v2': '0.32549507', 'v3': '0.987090751', 'v4': '0.192745589', 'v5': '', 'v6': '0.735133561' },
        { 'cn': '14', 'v1': '0.083431884', 'v2': '0.565146092', 'v3': '0.935388666', 'v4': '0.637675154', 'v5': '', 'v6': '0.523815661' }
    ]
    ltdtNew = [
        { 'cn': '1', 'v1': '0.791303871', 'v2': '0.716898185', 'v3': '0.506002098', 'v4': '0.137888903', 'v5': '', 'v6': '0.626724085' },
        { 'cn': '2', 'v1': '0.839882385', 'v2': '0.663059856', 'v3': '0.49047221', 'v4': '0.395763265', 'v5': '', 'v6': '0.866151835' },
        { 'cn': '3', 'v1': '0.475514539', 'v2': '0.969205779', 'v3': '0.711250309', 'v4': '0.153847069', 'v5': '0.304927473', 'v6': '0.410092395' },
        { 'cn': '4', 'v1': '0.486179086', 'v2': '0.481023842', 'v3': '0.467410582', 'v4': '0.42602231', 'v5': '', 'v6': '0.849701641' },
        { 'cn': '5', 'v1': '0.169724243', 'v2': '0.67532802', 'v3': '0.174644416', 'v4': '0.045652267', 'v5': '', 'v6': '0.397104668' },
        { 'cn': '7', 'v1': '0.263793391', 'v2': '0.167895215', 'v3': '0.794808602', 'v4': '0.107070584', 'v5': '', 'v6': '0.011822872' },
        { 'cn': '8', 'v1': '0.360426795', 'v2': '0.014346373', 'v3': '0.000469616', 'v4': '0.4082693', 'v5': '', 'v6': '0.913806611' },
        { 'cn': '9', 'v1': '0.167996664', 'v2': '0.711054429', 'v3': '0.363173478', 'v4': '', 'v5': '0.729361837', 'v6': '0.636855344' },
        { 'cn': '10', 'v1': '0.324665077', 'v2': '0.973218005', 'v3': '0.883927423', 'v4': '0.176906125', 'v5': '0.397795245', 'v6': '0.20087887' },
        { 'cn': '13', 'v1': '0.984003751', 'v2': '0.32549507', 'v3': '0.987090751', 'v4': '0.192745589', 'v5': '', 'v6': '0.735133561' },
        { 'cn': '14', 'v1': '0.083431884', 'v2': '0.565146092', 'v3': '0.935388666', 'v4': '0.637675154', 'v5': '', 'v6': '0.523815661' },
        { 'cn': 'n1', 'v1': '0.89950443', 'v2': '0.182709318', 'v3': '0.892820757', 'v4': '0.709746901', 'v5': '', 'v6': '0.097385354' },
        { 'cn': 'n2', 'v1': '0.061355308', 'v2': '0.314826137', 'v3': '0.855857651', 'v4': '0.653550539', 'v5': '', 'v6': '0.772500773' },
        { 'cn': 'n3', 'v1': '0.085078711', 'v2': '0.844664253', 'v3': '0.21630142', 'v4': '0.912931341', 'v5': '', 'v6': '0.735138313' }
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 1,
    //     value: '0∶1⟋1∶0.791303871⟋2∶0.716898185⟋3∶0.506002098⟋4∶0.137888903⟋5∶⟋6∶0.626724085⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶2⟋1∶0.839882385⟋2∶0.663059856⟋3∶0.49047221⟋4∶0.395763265⟋5∶0.567412025⟋6∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶2⟋1∶0.839882385⟋2∶0.663059856⟋3∶0.49047221⟋4∶0.395763265⟋5∶⟋6∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶3⟋1∶0.475514539⟋2∶0.969205779⟋3∶0.711250309⟋4∶0.153847069⟋5∶0.304927473⟋6∶0.410092395⟋\n' +
    //       '0∶4⟋1∶0.486179086⟋2∶0.481023842⟋3∶0.467410582⟋4∶0.42602231⟋5∶⟋6∶0.849701641⟋\n'
    //   },
    //   {
    //     count: 2,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶5⟋1∶0.697242433⟋2∶0.67532802⟋3∶0.174644416⟋4∶0.045652267⟋5∶⟋6∶0.397104668⟋\n' +
    //       '0∶6⟋1∶0.259252779⟋2∶0.566177431⟋3∶0.679637706⟋4∶0.377814487⟋5∶⟋6∶0.400248119⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶5⟋1∶0.169724243⟋2∶0.67532802⟋3∶0.174644416⟋4∶0.045652267⟋5∶⟋6∶0.397104668⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶7⟋1∶0.263793391⟋2∶0.167895215⟋3∶0.794808602⟋4∶0.107070584⟋5∶⟋6∶0.011822872⟋\n' +
    //       '0∶8⟋1∶0.360426795⟋2∶0.014346373⟋3∶0.000469616⟋4∶0.4082693⟋5∶⟋6∶0.913806611⟋\n'
    //   },
    //   {
    //     count: 4,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶9⟋1∶0.167996664⟋2∶0.711054429⟋3∶0.363177921⟋4∶0.206849994⟋5∶⟋6∶0.636855344⟋\n' +
    //       '0∶10⟋1∶0.324665077⟋2∶0.973218005⟋3∶0.883927423⟋4∶0.176906125⟋5∶⟋6∶0.20087887⟋\n' +
    //       '0∶11⟋1∶⟋2∶⟋3∶⟋4∶⟋5∶⟋6∶⟋\n' +
    //       '0∶12⟋1∶⟋2∶⟋3∶⟋4∶⟋5∶⟋6∶⟋\n'
    //   },
    //   {
    //     count: 2,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶9⟋1∶0.167996664⟋2∶0.711054429⟋3∶0.363173478⟋4∶⟋5∶0.729361837⟋6∶0.636855344⟋\n' +
    //       '0∶10⟋1∶0.324665077⟋2∶0.973218005⟋3∶0.883927423⟋4∶0.176906125⟋5∶0.397795245⟋6∶0.20087887⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶13⟋1∶0.984003751⟋2∶0.32549507⟋3∶0.987090751⟋4∶0.192745589⟋5∶⟋6∶0.735133561⟋\n' +
    //       '0∶14⟋1∶0.083431884⟋2∶0.565146092⟋3∶0.935388666⟋4∶0.637675154⟋5∶⟋6∶0.523815661⟋\n'
    //   },
    //   {
    //     count: 3,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶n1⟋1∶0.89950443⟋2∶0.182709318⟋3∶0.892820757⟋4∶0.709746901⟋5∶⟋6∶0.097385354⟋\n' +
    //       '0∶n2⟋1∶0.061355308⟋2∶0.314826137⟋3∶0.855857651⟋4∶0.653550539⟋5∶⟋6∶0.772500773⟋\n' +
    //       '0∶n3⟋1∶0.085078711⟋2∶0.844664253⟋3∶0.21630142⟋4∶0.912931341⟋5∶⟋6∶0.735138313⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df {
    //   cn: { p: '', k: 'cn', vo: '1', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.791303871', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.716898185', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.506002098', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.137888903', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.626724085', vn: '' }
    // }
    // 1 df {
    //   cn: { p: '', k: 'cn', vo: '2', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.839882385', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.663059856', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.49047221', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.395763265', vn: '' },
    //   v5: { p: 'modify', k: 'v5', vo: '0.567412025', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.866151835', vn: '' }
    // }
    // 2 df {
    //   cn: { p: '', k: 'cn', vo: '3', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.475514539', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.969205779', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.711250309', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.153847069', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '0.304927473', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.410092395', vn: '' }
    // }
    // 3 df {
    //   cn: { p: '', k: 'cn', vo: '4', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.486179086', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.481023842', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.467410582', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.42602231', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.849701641', vn: '' }
    // }
    // 4 df {
    //   cn: { p: '', k: 'cn', vo: '5', vn: '' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.697242433', vn: '0.169724243' },
    //   v2: { p: '', k: 'v2', vo: '0.67532802', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.174644416', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.045652267', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.397104668', vn: '' }
    // }
    // 5 df {
    //   cn: { p: 'remove', k: 'cn', vo: '6', vn: '' },
    //   v1: { p: 'remove', k: 'v1', vo: '0.259252779', vn: '' },
    //   v2: { p: 'remove', k: 'v2', vo: '0.566177431', vn: '' },
    //   v3: { p: 'remove', k: 'v3', vo: '0.679637706', vn: '' },
    //   v4: { p: 'remove', k: 'v4', vo: '0.377814487', vn: '' },
    //   v5: { p: 'remove', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'remove', k: 'v6', vo: '0.400248119', vn: '' }
    // }
    // 6 df {
    //   cn: { p: '', k: 'cn', vo: '7', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.263793391', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.167895215', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.794808602', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.107070584', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.011822872', vn: '' }
    // }
    // 7 df {
    //   cn: { p: '', k: 'cn', vo: '8', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.360426795', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.014346373', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.000469616', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.4082693', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.913806611', vn: '' }
    // }
    // 8 df {
    //   cn: { p: '', k: 'cn', vo: '9', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.167996664', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.711054429', vn: '' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.363177921', vn: '0.363173478' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.206849994', vn: '' },
    //   v5: { p: 'modify', k: 'v5', vo: '', vn: '0.729361837' },
    //   v6: { p: '', k: 'v6', vo: '0.636855344', vn: '' }
    // }
    // 9 df {
    //   cn: { p: '', k: 'cn', vo: '10', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.324665077', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.973218005', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.883927423', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.176906125', vn: '' },
    //   v5: { p: 'modify', k: 'v5', vo: '', vn: '0.397795245' },
    //   v6: { p: '', k: 'v6', vo: '0.20087887', vn: '' }
    // }
    // 10 df {
    //   cn: { p: 'remove', k: 'cn', vo: '11', vn: '' },
    //   v1: { p: 'remove', k: 'v1', vo: '', vn: '' },
    //   v2: { p: 'remove', k: 'v2', vo: '', vn: '' },
    //   v3: { p: 'remove', k: 'v3', vo: '', vn: '' },
    //   v4: { p: 'remove', k: 'v4', vo: '', vn: '' },
    //   v5: { p: 'remove', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'remove', k: 'v6', vo: '', vn: '' }
    // }
    // 11 df {
    //   cn: { p: 'remove', k: 'cn', vo: '12', vn: '' },
    //   v1: { p: 'remove', k: 'v1', vo: '', vn: '' },
    //   v2: { p: 'remove', k: 'v2', vo: '', vn: '' },
    //   v3: { p: 'remove', k: 'v3', vo: '', vn: '' },
    //   v4: { p: 'remove', k: 'v4', vo: '', vn: '' },
    //   v5: { p: 'remove', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'remove', k: 'v6', vo: '', vn: '' }
    // }
    // 12 df {
    //   cn: { p: '', k: 'cn', vo: '13', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.984003751', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.32549507', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.987090751', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.192745589', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.735133561', vn: '' }
    // }
    // 13 df {
    //   cn: { p: '', k: 'cn', vo: '14', vn: '' },
    //   v1: { p: '', k: 'v1', vo: '0.083431884', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.565146092', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.935388666', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.637675154', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.523815661', vn: '' }
    // }
    // 14 df {
    //   cn: { p: 'add', k: 'cn', vo: 'n1', vn: '' },
    //   v1: { p: 'add', k: 'v1', vo: '0.89950443', vn: '' },
    //   v2: { p: 'add', k: 'v2', vo: '0.182709318', vn: '' },
    //   v3: { p: 'add', k: 'v3', vo: '0.892820757', vn: '' },
    //   v4: { p: 'add', k: 'v4', vo: '0.709746901', vn: '' },
    //   v5: { p: 'add', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'add', k: 'v6', vo: '0.097385354', vn: '' }
    // }
    // 15 df {
    //   cn: { p: 'add', k: 'cn', vo: 'n2', vn: '' },
    //   v1: { p: 'add', k: 'v1', vo: '0.061355308', vn: '' },
    //   v2: { p: 'add', k: 'v2', vo: '0.314826137', vn: '' },
    //   v3: { p: 'add', k: 'v3', vo: '0.855857651', vn: '' },
    //   v4: { p: 'add', k: 'v4', vo: '0.653550539', vn: '' },
    //   v5: { p: 'add', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'add', k: 'v6', vo: '0.772500773', vn: '' }
    // }
    // 16 df {
    //   cn: { p: 'add', k: 'cn', vo: 'n3', vn: '' },
    //   v1: { p: 'add', k: 'v1', vo: '0.085078711', vn: '' },
    //   v2: { p: 'add', k: 'v2', vo: '0.844664253', vn: '' },
    //   v3: { p: 'add', k: 'v3', vo: '0.21630142', vn: '' },
    //   v4: { p: 'add', k: 'v4', vo: '0.912931341', vn: '' },
    //   v5: { p: 'add', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'add', k: 'v6', vo: '0.735138313', vn: '' }
    // }
}

if (true) {
    ltdtOld = [
        { 'cn': '1', 'v8': '0.701731713', 'v1': '0.791303871', 'v2': '0.716898185', 'v3': '0.506002098', 'v4': '0.137888903', 'v5': '', 'v6': '0.626724085' },
        { 'cn': '2', 'v8': '0.944311349', 'v1': '0.839882385', 'v2': '0.663059856', 'v3': '0.49047221', 'v4': '0.395763265', 'v5': '0.567412025', 'v6': '0.866151835' },
        { 'cn': '3', 'v8': '0.516219732', 'v1': '0.475514539', 'v2': '0.969205779', 'v3': '0.711250309', 'v4': '0.153847069', 'v5': '0.304927473', 'v6': '0.410092395' },
        { 'cn': '4', 'v8': '0.454533809', 'v1': '0.486179086', 'v2': '0.481023842', 'v3': '0.467410582', 'v4': '0.42602231', 'v5': '', 'v6': '0.849701641' },
        { 'cn': '5', 'v8': '0.844099348', 'v1': '0.697242433', 'v2': '0.67532802', 'v3': '0.174644416', 'v4': '0.045652267', 'v5': '', 'v6': '0.397104668' },
        { 'cn': '6', 'v8': '0.15264562', 'v1': '0.259252779', 'v2': '0.566177431', 'v3': '0.679637706', 'v4': '0.377814487', 'v5': '', 'v6': '0.400248119' },
        { 'cn': '7', 'v8': '0.399132301', 'v1': '0.263793391', 'v2': '0.167895215', 'v3': '0.794808602', 'v4': '0.107070584', 'v5': '', 'v6': '0.011822872' },
        { 'cn': '8', 'v8': '', 'v1': '0.360426795', 'v2': '0.014346373', 'v3': '0.000469616', 'v4': '0.4082693', 'v5': '', 'v6': '0.913806611' },
        { 'cn': '9', 'v8': '', 'v1': '0.167996664', 'v2': '0.711054429', 'v3': '0.363177921', 'v4': '0.206849994', 'v5': '', 'v6': '0.636855344' },
        { 'cn': '10', 'v8': '', 'v1': '0.324665077', 'v2': '0.973218005', 'v3': '0.883927423', 'v4': '0.176906125', 'v5': '', 'v6': '0.20087887' },
        { 'cn': '11', 'v8': '', 'v1': '', 'v2': '', 'v3': '', 'v4': '', 'v5': '', 'v6': '' },
        { 'cn': '12', 'v8': '', 'v1': '', 'v2': '', 'v3': '', 'v4': '', 'v5': '', 'v6': '' },
        { 'cn': '13', 'v8': '', 'v1': '0.984003751', 'v2': '0.32549507', 'v3': '0.987090751', 'v4': '0.192745589', 'v5': '', 'v6': '0.735133561' },
        { 'cn': '14', 'v8': '', 'v1': '0.083431884', 'v2': '0.565146092', 'v3': '0.935388666', 'v4': '0.637675154', 'v5': '', 'v6': '0.523815661' }
    ]
    ltdtNew = [
        { 'cn': '1', 'v9': '', 'v1': '0.791303871', 'v2': '0.716898185', 'v3': '0.506002098', 'v4': '0.137888903', 'v5': '', 'v6': '0.626724085' },
        { 'cn': '2', 'v9': '', 'v1': '0.183988239', 'v2': '0.663059856', 'v3': '0.49047221', 'v4': '0.395763265', 'v5': '', 'v6': '0.866151835' },
        { 'cn': '3', 'v9': '', 'v1': '0.475514539', 'v2': '0.969205779', 'v3': '0.711250309', 'v4': '0.153847069', 'v5': '0.304927473', 'v6': '0.410092395' },
        { 'cn': '4', 'v9': '', 'v1': '0.486179086', 'v2': '0.481023842', 'v3': '0.467410582', 'v4': '0.42602231', 'v5': '', 'v6': '0.849701641' },
        { 'cn': '5', 'v9': '', 'v1': '0.697242433', 'v2': '0.67532802', 'v3': '0.174644416', 'v4': '0.045652267', 'v5': '', 'v6': '0.397104668' },
        { 'cn': '7', 'v9': '0.15264562', 'v1': '0.263793391', 'v2': '0.167895215', 'v3': '0.794808602', 'v4': '0.107070584', 'v5': '', 'v6': '0.011822872' },
        { 'cn': '8', 'v9': '0.399132301', 'v1': '0.360426795', 'v2': '0.014346373', 'v3': '0.000469616', 'v4': '0.4082693', 'v5': '', 'v6': '0.913806611' },
        { 'cn': '9', 'v9': '0.84324243', 'v1': '0.167996664', 'v2': '0.711054429', 'v3': '0.363173478', 'v4': '', 'v5': '0.729361837', 'v6': '0.636855344' },
        { 'cn': '10', 'v9': '0.631250305', 'v1': '0.324665077', 'v2': '0.973218005', 'v3': '0.883927423', 'v4': '0.176906125', 'v5': '0.397795245', 'v6': '0.20087887' },
        { 'cn': '13', 'v9': '0.980581906', 'v1': '0.984003751', 'v2': '0.32549507', 'v3': '0.987090751', 'v4': '0.192745589', 'v5': '', 'v6': '0.735133561' },
        { 'cn': '14', 'v9': '', 'v1': '0.083431884', 'v2': '0.565146092', 'v3': '0.935388666', 'v4': '0.637675154', 'v5': '', 'v6': '0.523815661' },
        { 'cn': 'n1', 'v9': '', 'v1': '0.89950443', 'v2': '0.182709318', 'v3': '0.892820757', 'v4': '0.709746901', 'v5': '', 'v6': '0.097385354' },
        { 'cn': 'n2', 'v9': '', 'v1': '0.061355308', 'v2': '0.314826137', 'v3': '0.855857651', 'v4': '0.653550539', 'v5': '', 'v6': '0.772500773' },
        { 'cn': 'n3', 'v9': '0.057840884', 'v1': '0.085078711', 'v2': '0.844664253', 'v3': '0.21630142', 'v4': '0.912931341', 'v5': '', 'v6': '0.735138313' }
    ]
    r = ltdtDiff(ltdtOld, ltdtNew)
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 14,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶1⟋1∶0.701731713⟋2∶0.791303871⟋3∶0.716898185⟋4∶0.506002098⟋5∶0.137888903⟋6∶⟋7∶0.626724085⟋8∶∗empty∗⟋\n' +
    //       '0∶2⟋1∶0.944311349⟋2∶0.839882385⟋3∶0.663059856⟋4∶0.49047221⟋5∶0.395763265⟋6∶0.567412025⟋7∶0.866151835⟋8∶∗empty∗⟋\n' +
    //       '0∶3⟋1∶0.516219732⟋2∶0.475514539⟋3∶0.969205779⟋4∶0.711250309⟋5∶0.153847069⟋6∶0.304927473⟋7∶0.410092395⟋8∶∗empty∗⟋\n' +
    //       '0∶4⟋1∶0.454533809⟋2∶0.486179086⟋3∶0.481023842⟋4∶0.467410582⟋5∶0.42602231⟋6∶⟋7∶0.849701641⟋8∶∗empty∗⟋\n' +
    //       '0∶5⟋1∶0.844099348⟋2∶0.697242433⟋3∶0.67532802⟋4∶0.174644416⟋5∶0.045652267⟋6∶⟋7∶0.397104668⟋8∶∗empty∗⟋\n' +
    //       '0∶6⟋1∶0.15264562⟋2∶0.259252779⟋3∶0.566177431⟋4∶0.679637706⟋5∶0.377814487⟋6∶⟋7∶0.400248119⟋8∶∗empty∗⟋\n' +
    //       '0∶7⟋1∶0.399132301⟋2∶0.263793391⟋3∶0.167895215⟋4∶0.794808602⟋5∶0.107070584⟋6∶⟋7∶0.011822872⟋8∶∗empty∗⟋\n' +
    //       '0∶8⟋1∶⟋2∶0.360426795⟋3∶0.014346373⟋4∶0.000469616⟋5∶0.4082693⟋6∶⟋7∶0.913806611⟋8∶∗empty∗⟋\n' +
    //       '0∶9⟋1∶⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363177921⟋5∶0.206849994⟋6∶⟋7∶0.636855344⟋8∶∗empty∗⟋\n' +
    //       '0∶10⟋1∶⟋2∶0.324665077⟋3∶0.973218005⟋4∶0.883927423⟋5∶0.176906125⟋6∶⟋7∶0.20087887⟋8∶∗empty∗⟋\n' +
    //       '0∶11⟋1∶⟋2∶⟋3∶⟋4∶⟋5∶⟋6∶⟋7∶⟋8∶∗empty∗⟋\n' +
    //       '0∶12⟋1∶⟋2∶⟋3∶⟋4∶⟋5∶⟋6∶⟋7∶⟋8∶∗empty∗⟋\n' +
    //       '0∶13⟋1∶⟋2∶0.984003751⟋3∶0.32549507⟋4∶0.987090751⟋5∶0.192745589⟋6∶⟋7∶0.735133561⟋8∶∗empty∗⟋\n' +
    //       '0∶14⟋1∶⟋2∶0.083431884⟋3∶0.565146092⟋4∶0.935388666⟋5∶0.637675154⟋6∶⟋7∶0.523815661⟋8∶∗empty∗⟋\n'
    //   },
    //   {
    //     count: 14,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶1⟋1∶∗empty∗⟋2∶0.791303871⟋3∶0.716898185⟋4∶0.506002098⟋5∶0.137888903⟋6∶⟋7∶0.626724085⟋8∶⟋\n' +
    //       '0∶2⟋1∶∗empty∗⟋2∶0.183988239⟋3∶0.663059856⟋4∶0.49047221⟋5∶0.395763265⟋6∶⟋7∶0.866151835⟋8∶⟋\n' +
    //       '0∶3⟋1∶∗empty∗⟋2∶0.475514539⟋3∶0.969205779⟋4∶0.711250309⟋5∶0.153847069⟋6∶0.304927473⟋7∶0.410092395⟋8∶⟋\n' +
    //       '0∶4⟋1∶∗empty∗⟋2∶0.486179086⟋3∶0.481023842⟋4∶0.467410582⟋5∶0.42602231⟋6∶⟋7∶0.849701641⟋8∶⟋\n' +
    //       '0∶5⟋1∶∗empty∗⟋2∶0.697242433⟋3∶0.67532802⟋4∶0.174644416⟋5∶0.045652267⟋6∶⟋7∶0.397104668⟋8∶⟋\n' +
    //       '0∶7⟋1∶∗empty∗⟋2∶0.263793391⟋3∶0.167895215⟋4∶0.794808602⟋5∶0.107070584⟋6∶⟋7∶0.011822872⟋8∶0.15264562⟋\n' +
    //       '0∶8⟋1∶∗empty∗⟋2∶0.360426795⟋3∶0.014346373⟋4∶0.000469616⟋5∶0.4082693⟋6∶⟋7∶0.913806611⟋8∶0.399132301⟋\n' +
    //       '0∶9⟋1∶∗empty∗⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363173478⟋5∶⟋6∶0.729361837⟋7∶0.636855344⟋8∶0.84324243⟋\n' +
    //       '0∶10⟋1∶∗empty∗⟋2∶0.324665077⟋3∶0.973218005⟋4∶0.883927423⟋5∶0.176906125⟋6∶0.397795245⟋7∶0.20087887⟋8∶0.631250305⟋\n' +
    //       '0∶13⟋1∶∗empty∗⟋2∶0.984003751⟋3∶0.32549507⟋4∶0.987090751⟋5∶0.192745589⟋6∶⟋7∶0.735133561⟋8∶0.980581906⟋\n' +
    //       '0∶14⟋1∶∗empty∗⟋2∶0.083431884⟋3∶0.565146092⟋4∶0.935388666⟋5∶0.637675154⟋6∶⟋7∶0.523815661⟋8∶⟋\n' +
    //       '0∶n1⟋1∶∗empty∗⟋2∶0.89950443⟋3∶0.182709318⟋4∶0.892820757⟋5∶0.709746901⟋6∶⟋7∶0.097385354⟋8∶⟋\n' +
    //       '0∶n2⟋1∶∗empty∗⟋2∶0.061355308⟋3∶0.314826137⟋4∶0.855857651⟋5∶0.653550539⟋6∶⟋7∶0.772500773⟋8∶⟋\n' +
    //       '0∶n3⟋1∶∗empty∗⟋2∶0.085078711⟋3∶0.844664253⟋4∶0.21630142⟋5∶0.912931341⟋6∶⟋7∶0.735138313⟋8∶0.057840884⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df {
    //   cn: { p: '', k: 'cn', vo: '1', vn: '' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.701731713', vn: '∗empty∗' },
    //   v1: { p: '', k: 'v1', vo: '0.791303871', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.716898185', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.506002098', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.137888903', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.626724085', vn: '' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 1 df {
    //   cn: { p: '', k: 'cn', vo: '2', vn: '' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.944311349', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.839882385', vn: '0.183988239' },
    //   v2: { p: '', k: 'v2', vo: '0.663059856', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.49047221', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.395763265', vn: '' },
    //   v5: { p: 'modify', k: 'v5', vo: '0.567412025', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.866151835', vn: '' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 2 df {
    //   cn: { p: '', k: 'cn', vo: '3', vn: '' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.516219732', vn: '∗empty∗' },
    //   v1: { p: '', k: 'v1', vo: '0.475514539', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.969205779', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.711250309', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.153847069', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '0.304927473', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.410092395', vn: '' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 3 df {
    //   cn: { p: '', k: 'cn', vo: '4', vn: '' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.454533809', vn: '∗empty∗' },
    //   v1: { p: '', k: 'v1', vo: '0.486179086', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.481023842', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.467410582', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.42602231', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.849701641', vn: '' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 4 df {
    //   cn: { p: '', k: 'cn', vo: '5', vn: '' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.844099348', vn: '∗empty∗' },
    //   v1: { p: '', k: 'v1', vo: '0.697242433', vn: '' },
    //   v2: { p: '', k: 'v2', vo: '0.67532802', vn: '' },
    //   v3: { p: '', k: 'v3', vo: '0.174644416', vn: '' },
    //   v4: { p: '', k: 'v4', vo: '0.045652267', vn: '' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: '', k: 'v6', vo: '0.397104668', vn: '' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 5 df {
    //   cn: { p: 'modify', k: 'cn', vo: '6', vn: '7' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.15264562', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.259252779', vn: '0.263793391' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.566177431', vn: '0.167895215' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.679637706', vn: '0.794808602' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.377814487', vn: '0.107070584' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.400248119', vn: '0.011822872' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.15264562' }
    // }
    // 6 df {
    //   cn: { p: 'modify', k: 'cn', vo: '7', vn: '8' },
    //   v8: { p: 'modify', k: 'v8', vo: '0.399132301', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.263793391', vn: '0.360426795' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.167895215', vn: '0.014346373' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.794808602', vn: '0.000469616' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.107070584', vn: '0.4082693' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.011822872', vn: '0.913806611' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.399132301' }
    // }
    // 7 df {
    //   cn: { p: 'modify', k: 'cn', vo: '8', vn: '9' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.360426795', vn: '0.167996664' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.014346373', vn: '0.711054429' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.000469616', vn: '0.363173478' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.4082693', vn: '' },
    //   v5: { p: 'modify', k: 'v5', vo: '', vn: '0.729361837' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.913806611', vn: '0.636855344' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.84324243' }
    // }
    // 8 df {
    //   cn: { p: 'modify', k: 'cn', vo: '9', vn: '10' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.167996664', vn: '0.324665077' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.711054429', vn: '0.973218005' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.363177921', vn: '0.883927423' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.206849994', vn: '0.176906125' },
    //   v5: { p: 'modify', k: 'v5', vo: '', vn: '0.397795245' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.636855344', vn: '0.20087887' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.631250305' }
    // }
    // 9 df {
    //   cn: { p: 'modify', k: 'cn', vo: '10', vn: '13' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.324665077', vn: '0.984003751' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.973218005', vn: '0.32549507' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.883927423', vn: '0.987090751' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.176906125', vn: '0.192745589' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.20087887', vn: '0.735133561' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.980581906' }
    // }
    // 10 df {
    //   cn: { p: 'modify', k: 'cn', vo: '11', vn: '14' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '', vn: '0.083431884' },
    //   v2: { p: 'modify', k: 'v2', vo: '', vn: '0.565146092' },
    //   v3: { p: 'modify', k: 'v3', vo: '', vn: '0.935388666' },
    //   v4: { p: 'modify', k: 'v4', vo: '', vn: '0.637675154' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '', vn: '0.523815661' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 11 df {
    //   cn: { p: 'modify', k: 'cn', vo: '12', vn: 'n1' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '', vn: '0.89950443' },
    //   v2: { p: 'modify', k: 'v2', vo: '', vn: '0.182709318' },
    //   v3: { p: 'modify', k: 'v3', vo: '', vn: '0.892820757' },
    //   v4: { p: 'modify', k: 'v4', vo: '', vn: '0.709746901' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '', vn: '0.097385354' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 12 df {
    //   cn: { p: 'modify', k: 'cn', vo: '13', vn: 'n2' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.984003751', vn: '0.061355308' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.32549507', vn: '0.314826137' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.987090751', vn: '0.855857651' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.192745589', vn: '0.653550539' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.735133561', vn: '0.772500773' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '' }
    // }
    // 13 df {
    //   cn: { p: 'modify', k: 'cn', vo: '14', vn: 'n3' },
    //   v8: { p: 'modify', k: 'v8', vo: '', vn: '∗empty∗' },
    //   v1: { p: 'modify', k: 'v1', vo: '0.083431884', vn: '0.085078711' },
    //   v2: { p: 'modify', k: 'v2', vo: '0.565146092', vn: '0.844664253' },
    //   v3: { p: 'modify', k: 'v3', vo: '0.935388666', vn: '0.21630142' },
    //   v4: { p: 'modify', k: 'v4', vo: '0.637675154', vn: '0.912931341' },
    //   v5: { p: '', k: 'v5', vo: '', vn: '' },
    //   v6: { p: 'modify', k: 'v6', vo: '0.523815661', vn: '0.735138313' },
    //   v9: { p: 'modify', k: 'v9', vo: '∗empty∗', vn: '0.057840884' }
    // }
}
Parameters:
Name Type Attributes Default Description
ltdtOld Array

輸入原始數據物件陣列

ltdtNew Array

輸入更新數據物件陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
dls String <optional>
'⟋'

輸入若數據為矩陣時各儲存格分隔字串,預設'⟋'

dlq String <optional>
'∶'

輸入若數據為矩陣時各儲存格欄位指標分隔字串,預設'∶'

empty String <optional>
'∗empty∗'

輸入若無鍵值時給予之預設值,預設'∗empty∗'

Returns:

回傳比對結果物件,回傳鍵值diff、dfrs與dfs,其中diff一樣為比對原始結果字串,dfrs為各列比對結果陣列,dfs為各儲存格比對結果陣列

Type
Object

(static) ltdtDiffByKey(ltdtOld, ltdtNew, key) → {Object}

Description:
  • 比對新舊物件陣列,基於指定key為主鍵,比對vnew對vold中有差異之項目

    Unit Test: Github

Source:
Example
Try in Codepen
let ltdtOld = [{ id: 'id-1', a: 'a1' }, { id: 'id-2', a: 'a2' }, { id: 'id-3', a: 'a3' }]
let ltdtNew = [{ id: 'id-1', z: 'z3' }, { id: 'id-3', a: 'a3' }, { id: 'id-4', a: 'a4' }]
console.log(ltdtDiffByKey(ltdtOld, ltdtNew, 'id'))
// => {
//     infor: { 'id-1': 'diff', 'id-2': 'del', 'id-3': 'same', 'id-4': 'add' },
//     del: [ { id: 'id-2', a: 'a2' } ],
//     same: [ { id: 'id-3', a: 'a3' } ],
//     diff: [ { id: 'id-1', z: 'z3' } ],
//     add: [ { id: 'id-4', a: 'a4' } ]
// }
Parameters:
Name Type Description
ltdtOld Array | Object

輸入舊的物件陣列或物件

ltdtNew Array | Object

輸入新的物件陣列或物件

key String

輸入比對的主鍵key值字串

Returns:

回傳比對結果物件

Type
Object

(static) ltdtkeys2mat(ltdt, keysopt, optopt) → {Array}

Description:
  • 由物件陣列ltdt並使用keys取值轉二維陣列mat

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ltdtkeys2mat([{ a: 12, b: 34.56 }, { a: '123', b: 'xyz' }], ['a', 'b']))
// => [[12, 34.56], ['123', 'xyz']]
Parameters:
Name Type Attributes Default Description
ltdt Array

輸入物件陣列

keys Array <optional>
null

輸入字串陣列,若不輸入則由ltdt提取,預設為null

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
empty String | Number | Array | Object <optional>
''

輸入若無鍵值時給予之預設值,預設''

Returns:

回傳資料陣列

Type
Array

(static) ltdtkeysheads2mat(ltdt, keysopt, kpheadopt) → {Array}

Description:
  • keys轉heads,物件陣列ltdt使用keys取值,兩者合併轉出二維陣列mat

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ltdtkeysheads2mat([{ a: 12, b: 34.56 }, { a: '123', b: 'xyz' }], ['a', 'b'], { a: 'c1', b: 'c2' }))
// => [['c1', 'c2'], [12, 34.56], ['123', 'xyz']]
Parameters:
Name Type Attributes Default Description
ltdt Array

輸入物件陣列

keys Array <optional>
[]

輸入字串陣列,若不輸入則由ltdt提取,預設[]

kphead Object <optional>
{}

輸入字典物件,內含keys對應values之物件,供keys查詢得values,若不輸入則由keys提取,預設為{}

Returns:

回傳資料陣列

Type
Array

(static) ltdtmapping(ltdt, keys, defopt) → {Array}

Description:
  • 由ltdt陣列各元素物件提取指定keys欄位出來成為新的物件陣列,若物件不存在keys的欄位時,則會自動填入指定數據def

    Unit Test: Github

Source:
Example
Try in Codepen
let r = [
    { a: 'a123', b: 123, c: 'abc' },
    { a: '1b23', b: 456, c: '123XYZ' },
    { a: '12c3', b: 789.0123, c: null }
]

console.log(ltdtmapping(r, ['a', 'b']))
// => [
//     { a: 'a123', b: 123 },
//     { a: '1b23', b: 456 },
//     { a: '12c3', b: 789.0123 }
// ]

console.log(ltdtmapping(r, ['a', 'c', 'x']))
// => [
//     { a: 'a123', c: 'abc', x: '' },
//     { a: '1b23', c: '123XYZ', x: '' },
//     { a: '12c3', c: null, x: '' }
// ]
Parameters:
Name Type Attributes Default Description
ltdt Array

輸入要被提取的任意資料陣列,各元素需為物件,否則提取後為空物件

keys Array

輸入要提取欄位集合的字串陣列

def * <optional>
''

輸入若無提取欄位時所給予的預設值,預設為''

Returns:

回傳提取的物件資料陣列

Type
Array

(static) ltdtmerge(ltdt1, ltdt2) → {Array}

Description:
  • 針對物件陣列ltdt1與ltdt2逐一呼叫merge合併

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ltdtmerge([{ a: 12, b: 34.56 }, {}], [{ a: '123', c: 'mn' }, { aa: 'a123', bb: 'bmn' }]))
// => [{ a: '123', b: 34.56, c: 'mn' }, { aa: 'a123', bb: 'bmn' }]
Parameters:
Name Type Description
ltdt1 Array

輸入資料物件陣列

ltdt2 Array

輸入資料物件陣列,若與ltdt1內物件有重複的欄位值,優先保留ltdt2內物件的欄位值

Returns:

回傳處理後物件陣列

Type
Array

(static) ltdtpick(ltdt, keys) → {Array}

Description:
  • 由ltdt陣列各元素物件提取指定keys欄位出來成為新的物件陣列,僅保留有keys的欄位,若不存在欄位就不提取

    Unit Test: Github

Source:
Example
Try in Codepen
let r = [
    { a: 'a123', b: 123, c: 'abc' },
    { a: '1b23', b: 456, c: '123XYZ' },
    { a: '12c3', b: 789.0123, c: null }
]

console.log(ltdtpick(r, ['a', 'b']))
// => [
//     { a: 'a123', b: 123 },
//     { a: '1b23', b: 456 },
//     { a: '12c3', b: 789.0123 }
// ]

console.log(ltdtpick(r, ['a', 'c', 'x']))
// => [
//     { a: 'a123', c: 'abc' },
//     { a: '1b23', c: '123XYZ' },
//     { a: '12c3', c: null }
// ]
Parameters:
Name Type Description
ltdt Array

輸入要被提取的任意資料陣列,各元素需為物件,否則提取後為空物件

keys Array

輸入要提取欄位集合的字串陣列

Returns:

回傳提取的物件資料陣列

Type
Array

(static) ltdtpull(ltdtAll, ltdtDel, key) → {Array}

Description:
  • 由ltdtAll陣列移除ltdtDel陣列,只會針對ltdtDel內各元素的指定key來查找

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(ltdtpull([{ x: 1, y: 'y1' }, { x: 2, y: 'y2' }], [{ x: 1, y: 'y3' }], 'x'))
// => [ { x: 2, y: 'y2' } ]

console.log(ltdtpull([{ id: 1, v: 'v1' }, { id: 2, v: 'v2' }, { id: 3, v: 'v3' }], [{ id: 1, v: '-v1' }, { id: 3, v: '-v3' }], 'id'))
// => [ { id: 2, v: 'v2' } ]
Parameters:
Name Type Description
ltdtAll Array

輸入要被刪除的物件陣列

ltdtDel Array

輸入要刪除的物件陣列

key String

輸入要比對物件的key值

Returns:

回傳被刪除的物件陣列

Type
Array

(static) mat2ltdt(mat) → {Array}

Description:
  • 由mat第1行當head,其餘當data,轉ltdt mat第1行需為字串陣列,才能當head

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(mat2ltdt([['a', 'b'], [12, 34.56], ['x', '12.34']]))
// => [{ a: 12, b: 34.56 }, { a: 'x', b: '12.34' }]
Parameters:
Name Type Description
mat Array

輸入資料陣列

Returns:

回傳物件陣列

Type
Array

(static) matConcat(mat, istart, iendopt) → {Array}

Description:
  • 合併二維陣列mat1與mat2

    Unit Test: Github

Source:
Example
Try in Codepen
let mat1
let mat2

mat1 = [['a', 'b'], [1.1, 2.2]]
mat2 = [['c', 'd'], [10.1, 20.2]]
console.log(matConcat(mat1, mat2))
// => [
//   [ 'a', 'b', 'c', 'd' ],
//   [ 1.1, 2.2, 10.1, 20.2 ]
// ]

mat1 = [['a', 'b', 'c'], [1, 2, 3], [1.1, 2.2, 3.3]]
mat2 = [['x', 'y'], [-10.1, -20.2]]
console.log(matConcat(mat1, mat2))
// => [
//   [ 'a', 'b', 'c', 'x', 'y' ],
//   [ 1, 2, 3, -10.1, -20.2 ],
//   [ 1.1, 2.2, 3.3, null, null ]
// ]

mat1 = [['a', 'b'], [1.1, 2.2]]
mat2 = [['x', 'y', 'z'], [-1, -2, -3], [-10.1, -20.2, -30.3]]
console.log(matConcat(mat1, mat2))
// => [
//   [ 'a', 'b', 'x', 'y', 'z' ],
//   [ 1.1, 2.2, -1, -2, -3 ],
//   [ null, null, -10.1, -20.2, -30.3 ]
// ]
Parameters:
Name Type Attributes Default Description
mat Array

輸入要被提取的資料陣列

istart Integer

輸入起始的欄位指標整數

iend Integer <optional>
istart

輸入結束的欄位指標整數,若不輸入則等同於istart

Returns:

回傳提取的資料陣列

Type
Array

(static) matDiff(matOld, matNew, optopt) → {Object}

Description:
  • 比對新舊二維陣列差異處

    Unit Test: Github

Source:
Example
Try in Codepen
let r
let matOld
let matNew

if (true) {
    matOld = [
        [1, 0.974848293, 0.791303871, 0.716898185, 0.506002098, 0.137888903, 0.626724085],
        [2, -0.529408622, 0.839882385, 0.663059856, 0.49047221, 123, 0.395763265, 0.866151835],
        [3, -0.10320217, 0.475514539, 0.969205779, 0.711250309, 0.153847069, 0.410092395],
        [4, -0.121479865, 0.486179086, 0.481023842, 0.467410582, 0.42602231, 0.849701641],
        [5, 0.757346003, 0.697242433, 0.67532802, 0.174644416, 0.045652267, 0.397104668],
        [6, 0.663032731, 0.259252779, 0.566177431, 0.679637706, 0.377814487, 0.400248119],
        [7, 0.72721374, 0.263793391, 0.167895215, 0.794808602, 0.107070584, 0.011822872],
        [8, 0.247416664, 0.360426795, 0.014346373, 0.000469616, 0.4082693, 0.913806611],
        [9, 0.345880037, 0.167996664, 0.711054429, 0.363177921, 0.206849994, 0.636855344],
        [10, 0.576739457, 0.324665077, 0.973218005, 0.883927423, 0.176906125, 0.20087887],
        [11, 1.2],
        [12, 23.5],
        [13, 0.504421248, 0.984003751, 0.32549507, 0.987090751, 0.192745589, 0.735133561],
        [14, 0.273214614, 0.083431884, 0.565146092, 0.935388666, 0.637675154, 0.523815661],
    ]
    matNew = [
        [1, 0.974848293, 0.791303871, 0.716898185, 0.506002098, 0.137888903, 0.626724085],
        [2, -0.529408622, 0.1839882385, 0.663059856, 0.49047221, 0.395763265, 45.6, 0.866151835],
        [3, -0.10320217, 0.475514539, 0.969205779, 0.711250309, 0.153847069, 0.410092395],
        [4, -0.121479865, 0.486179086, 0.481023842, 0.467410582, 0.42602231, 0.849701641],
        [5, 0.757346003, 0.697242433, 0.67532802, 0.174644416, 0.045652267, 0.397104668],
        [7, 0.72721374, 0.263793391, 0.167895215, 0.794808602, 0.107070584, 0.011822872],
        [8, 0.247416664, 0.360426795, 0.014346373, 0.000469616, 0.4082693, 0.913806611],
        [9, 0.345880037, 0.167996664, 0.711054429, 0.363173478, 0.636855344],
        [10, 0.576739457, 0.324665077, 0.973218005, 0.883927423, 0.176906125, 0.20087887],
        [13, 0.504421248, 0.984003751, 0.32549507, 0.987090751, 0.192745589, 0.735133561],
        [14, 0.273214614, 0.083431884, 0.565146092, 0.935388666, 0.637675154, 0.523815661],
        ['n1', 0.944492151, 0.89950443, 0.182709318, 0.892820757, 0.709746901, 0.097385354],
        ['n2', 0.769805921, 0.061355308, 0.314826137, 0.855857651, 0.653550539, 0.772500773],
        ['n3', 0.158739038, 0.085078711, 0.844664253, 0.21630142, 0.912931341, 0.735138313],
    ]
    r = arrDiff(matOld, matNew, { mode: 'matrix' })
    console.log('diff', r.diff)
    // => diff [
    //   {
    //     count: 1,
    //     value: '0∶1⟋1∶0.974848293⟋2∶0.791303871⟋3∶0.716898185⟋4∶0.506002098⟋5∶0.137888903⟋6∶0.626724085⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶2⟋1∶-0.529408622⟋2∶0.839882385⟋3∶0.663059856⟋4∶0.49047221⟋5∶123⟋6∶0.395763265⟋7∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶2⟋1∶-0.529408622⟋2∶0.1839882385⟋3∶0.663059856⟋4∶0.49047221⟋5∶0.395763265⟋6∶45.6⟋7∶0.866151835⟋\n'
    //   },
    //   {
    //     count: 3,
    //     value: '0∶3⟋1∶-0.10320217⟋2∶0.475514539⟋3∶0.969205779⟋4∶0.711250309⟋5∶0.153847069⟋6∶0.410092395⟋\n' +
    //       '0∶4⟋1∶-0.121479865⟋2∶0.486179086⟋3∶0.481023842⟋4∶0.467410582⟋5∶0.42602231⟋6∶0.849701641⟋\n' +
    //       '0∶5⟋1∶0.757346003⟋2∶0.697242433⟋3∶0.67532802⟋4∶0.174644416⟋5∶0.045652267⟋6∶0.397104668⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶6⟋1∶0.663032731⟋2∶0.259252779⟋3∶0.566177431⟋4∶0.679637706⟋5∶0.377814487⟋6∶0.400248119⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶7⟋1∶0.72721374⟋2∶0.263793391⟋3∶0.167895215⟋4∶0.794808602⟋5∶0.107070584⟋6∶0.011822872⟋\n' +
    //       '0∶8⟋1∶0.247416664⟋2∶0.360426795⟋3∶0.014346373⟋4∶0.000469616⟋5∶0.4082693⟋6∶0.913806611⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶9⟋1∶0.345880037⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363177921⟋5∶0.206849994⟋6∶0.636855344⟋\n'
    //   },
    //   {
    //     count: 1,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶9⟋1∶0.345880037⟋2∶0.167996664⟋3∶0.711054429⟋4∶0.363173478⟋5∶0.636855344⟋\n'
    //   },
    //   {
    //     count: 1,
    //     value: '0∶10⟋1∶0.576739457⟋2∶0.324665077⟋3∶0.973218005⟋4∶0.883927423⟋5∶0.176906125⟋6∶0.20087887⟋\n'
    //   },
    //   {
    //     count: 2,
    //     added: undefined,
    //     removed: true,
    //     value: '0∶11⟋1∶1.2⟋\n0∶12⟋1∶23.5⟋\n'
    //   },
    //   {
    //     count: 2,
    //     value: '0∶13⟋1∶0.504421248⟋2∶0.984003751⟋3∶0.32549507⟋4∶0.987090751⟋5∶0.192745589⟋6∶0.735133561⟋\n' +
    //       '0∶14⟋1∶0.273214614⟋2∶0.083431884⟋3∶0.565146092⟋4∶0.935388666⟋5∶0.637675154⟋6∶0.523815661⟋\n'
    //   },
    //   {
    //     count: 3,
    //     added: true,
    //     removed: undefined,
    //     value: '0∶n1⟋1∶0.944492151⟋2∶0.89950443⟋3∶0.182709318⟋4∶0.892820757⟋5∶0.709746901⟋6∶0.097385354⟋\n' +
    //       '0∶n2⟋1∶0.769805921⟋2∶0.061355308⟋3∶0.314826137⟋4∶0.855857651⟋5∶0.653550539⟋6∶0.772500773⟋\n' +
    //       '0∶n3⟋1∶0.158739038⟋2∶0.085078711⟋3∶0.844664253⟋4∶0.21630142⟋5∶0.912931341⟋6∶0.735138313⟋\n'
    //   }
    // ]
    for (let i = 0; i < r.dfs.length; i++) {
        let df = r.dfs[i]
        console.log(i, 'df', df)
    }
    // => 0 df [
    //   { p: '', k: 0, vo: '1', vn: '' },
    //   { p: '', k: 1, vo: '0.974848293', vn: '' },
    //   { p: '', k: 2, vo: '0.791303871', vn: '' },
    //   { p: '', k: 3, vo: '0.716898185', vn: '' },
    //   { p: '', k: 4, vo: '0.506002098', vn: '' },
    //   { p: '', k: 5, vo: '0.137888903', vn: '' },
    //   { p: '', k: 6, vo: '0.626724085', vn: '' }
    // ]
    // 1 df [
    //   { p: '', k: 0, vo: '2', vn: '' },
    //   { p: '', k: 1, vo: '-0.529408622', vn: '' },
    //   { p: 'modify', k: 2, vo: '0.839882385', vn: '0.1839882385' },
    //   { p: '', k: 3, vo: '0.663059856', vn: '' },
    //   { p: '', k: 4, vo: '0.49047221', vn: '' },
    //   { p: 'modify', k: 5, vo: '123', vn: '0.395763265' },
    //   { p: 'modify', k: 6, vo: '0.395763265', vn: '45.6' },
    //   { p: '', k: 7, vo: '0.866151835', vn: '' }
    // ]
    // 2 df [
    //   { p: '', k: 0, vo: '3', vn: '' },
    //   { p: '', k: 1, vo: '-0.10320217', vn: '' },
    //   { p: '', k: 2, vo: '0.475514539', vn: '' },
    //   { p: '', k: 3, vo: '0.969205779', vn: '' },
    //   { p: '', k: 4, vo: '0.711250309', vn: '' },
    //   { p: '', k: 5, vo: '0.153847069', vn: '' },
    //   { p: '', k: 6, vo: '0.410092395', vn: '' }
    // ]
    // 3 df [
    //   { p: '', k: 0, vo: '4', vn: '' },
    //   { p: '', k: 1, vo: '-0.121479865', vn: '' },
    //   { p: '', k: 2, vo: '0.486179086', vn: '' },
    //   { p: '', k: 3, vo: '0.481023842', vn: '' },
    //   { p: '', k: 4, vo: '0.467410582', vn: '' },
    //   { p: '', k: 5, vo: '0.42602231', vn: '' },
    //   { p: '', k: 6, vo: '0.849701641', vn: '' }
    // ]
    // 4 df [
    //   { p: '', k: 0, vo: '5', vn: '' },
    //   { p: '', k: 1, vo: '0.757346003', vn: '' },
    //   { p: '', k: 2, vo: '0.697242433', vn: '' },
    //   { p: '', k: 3, vo: '0.67532802', vn: '' },
    //   { p: '', k: 4, vo: '0.174644416', vn: '' },
    //   { p: '', k: 5, vo: '0.045652267', vn: '' },
    //   { p: '', k: 6, vo: '0.397104668', vn: '' }
    // ]
    // 5 df [
    //   { p: 'remove', k: 0, vo: '6', vn: '' },
    //   { p: 'remove', k: 1, vo: '0.663032731', vn: '' },
    //   { p: 'remove', k: 2, vo: '0.259252779', vn: '' },
    //   { p: 'remove', k: 3, vo: '0.566177431', vn: '' },
    //   { p: 'remove', k: 4, vo: '0.679637706', vn: '' },
    //   { p: 'remove', k: 5, vo: '0.377814487', vn: '' },
    //   { p: 'remove', k: 6, vo: '0.400248119', vn: '' }
    // ]
    // 6 df [
    //   { p: '', k: 0, vo: '7', vn: '' },
    //   { p: '', k: 1, vo: '0.72721374', vn: '' },
    //   { p: '', k: 2, vo: '0.263793391', vn: '' },
    //   { p: '', k: 3, vo: '0.167895215', vn: '' },
    //   { p: '', k: 4, vo: '0.794808602', vn: '' },
    //   { p: '', k: 5, vo: '0.107070584', vn: '' },
    //   { p: '', k: 6, vo: '0.011822872', vn: '' }
    // ]
    // 7 df [
    //   { p: '', k: 0, vo: '8', vn: '' },
    //   { p: '', k: 1, vo: '0.247416664', vn: '' },
    //   { p: '', k: 2, vo: '0.360426795', vn: '' },
    //   { p: '', k: 3, vo: '0.014346373', vn: '' },
    //   { p: '', k: 4, vo: '0.000469616', vn: '' },
    //   { p: '', k: 5, vo: '0.4082693', vn: '' },
    //   { p: '', k: 6, vo: '0.913806611', vn: '' }
    // ]
    // 8 df [
    //   { p: '', k: 0, vo: '9', vn: '' },
    //   { p: '', k: 1, vo: '0.345880037', vn: '' },
    //   { p: '', k: 2, vo: '0.167996664', vn: '' },
    //   { p: '', k: 3, vo: '0.711054429', vn: '' },
    //   { p: 'modify', k: 4, vo: '0.363177921', vn: '0.363173478' },
    //   { p: 'modify', k: 5, vo: '0.206849994', vn: '0.636855344' },
    //   { p: 'remove', k: 6, vo: '0.636855344', vn: '' }
    // ]
    // 9 df [
    //   { p: '', k: 0, vo: '10', vn: '' },
    //   { p: '', k: 1, vo: '0.576739457', vn: '' },
    //   { p: '', k: 2, vo: '0.324665077', vn: '' },
    //   { p: '', k: 3, vo: '0.973218005', vn: '' },
    //   { p: '', k: 4, vo: '0.883927423', vn: '' },
    //   { p: '', k: 5, vo: '0.176906125', vn: '' },
    //   { p: '', k: 6, vo: '0.20087887', vn: '' }
    // ]
    // 10 df [
    //   { p: 'remove', k: 0, vo: '11', vn: '' },
    //   { p: 'remove', k: 1, vo: '1.2', vn: '' }
    // ]
    // 11 df [
    //   { p: 'remove', k: 0, vo: '12', vn: '' },
    //   { p: 'remove', k: 1, vo: '23.5', vn: '' }
    // ]
    // 12 df [
    //   { p: '', k: 0, vo: '13', vn: '' },
    //   { p: '', k: 1, vo: '0.504421248', vn: '' },
    //   { p: '', k: 2, vo: '0.984003751', vn: '' },
    //   { p: '', k: 3, vo: '0.32549507', vn: '' },
    //   { p: '', k: 4, vo: '0.987090751', vn: '' },
    //   { p: '', k: 5, vo: '0.192745589', vn: '' },
    //   { p: '', k: 6, vo: '0.735133561', vn: '' }
    // ]
    // 13 df [
    //   { p: '', k: 0, vo: '14', vn: '' },
    //   { p: '', k: 1, vo: '0.273214614', vn: '' },
    //   { p: '', k: 2, vo: '0.083431884', vn: '' },
    //   { p: '', k: 3, vo: '0.565146092', vn: '' },
    //   { p: '', k: 4, vo: '0.935388666', vn: '' },
    //   { p: '', k: 5, vo: '0.637675154', vn: '' },
    //   { p: '', k: 6, vo: '0.523815661', vn: '' }
    // ]
    // 14 df [
    //   { p: 'add', k: 0, vo: 'n1', vn: '' },
    //   { p: 'add', k: 1, vo: '0.944492151', vn: '' },
    //   { p: 'add', k: 2, vo: '0.89950443', vn: '' },
    //   { p: 'add', k: 3, vo: '0.182709318', vn: '' },
    //   { p: 'add', k: 4, vo: '0.892820757', vn: '' },
    //   { p: 'add', k: 5, vo: '0.709746901', vn: '' },
    //   { p: 'add', k: 6, vo: '0.097385354', vn: '' }
    // ]
    // 15 df [
    //   { p: 'add', k: 0, vo: 'n2', vn: '' },
    //   { p: 'add', k: 1, vo: '0.769805921', vn: '' },
    //   { p: 'add', k: 2, vo: '0.061355308', vn: '' },
    //   { p: 'add', k: 3, vo: '0.314826137', vn: '' },
    //   { p: 'add', k: 4, vo: '0.855857651', vn: '' },
    //   { p: 'add', k: 5, vo: '0.653550539', vn: '' },
    //   { p: 'add', k: 6, vo: '0.772500773', vn: '' }
    // ]
    // 16 df [
    //   { p: 'add', k: 0, vo: 'n3', vn: '' },
    //   { p: 'add', k: 1, vo: '0.158739038', vn: '' },
    //   { p: 'add', k: 2, vo: '0.085078711', vn: '' },
    //   { p: 'add', k: 3, vo: '0.844664253', vn: '' },
    //   { p: 'add', k: 4, vo: '0.21630142', vn: '' },
    //   { p: 'add', k: 5, vo: '0.912931341', vn: '' },
    //   { p: 'add', k: 6, vo: '0.735138313', vn: '' }
    // ]
}
Parameters:
Name Type Attributes Default Description
matOld Array

輸入原始數據二維陣列

matNew Array

輸入更新數據二維陣列

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
dls String <optional>
'⟋'

輸入若數據為矩陣時各儲存格分隔字串,預設'⟋'

dlq String <optional>
'∶'

輸入若數據為矩陣時各儲存格欄位指標分隔字串,預設'∶'

Returns:

回傳比對結果物件,回傳鍵值diff、dfrs與dfs,其中diff一樣為比對原始結果字串,dfrs為各列比對結果陣列,dfs為各儲存格比對結果陣列

Type
Object

(static) matat(mat, istart, iendopt) → {Array}

Description:
  • 由二維陣列mat提取資料。若istart與iend有效則提取istart~iend欄位,而若僅istart有效則提取istart欄位

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(matat([['a', 'b', '12.34'], [12, 34.56, 'abc']], 1))
// => [['b'], [34.56]]

console.log(matat([['a', 'b', '12.34'], [12, 34.56, 'abc']], 1, 2))
// => [['b', '12.34'], [34.56, 'abc']]
Parameters:
Name Type Attributes Default Description
mat Array

輸入要被提取的資料陣列

istart Integer

輸入起始的欄位指標整數

iend Integer <optional>
istart

輸入結束的欄位指標整數,若不輸入則等同於istart

Returns:

回傳提取的資料陣列

Type
Array

(static) now2str() → {String}

Description:
  • 取得目前至秒時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(now2str())
// => dayjs().format('YYYY-MM-DDTHH:mm:ssZ') //use dayjs or moment
Returns:

回傳目前至秒時間字串

Type
String

(static) now2strp() → {String}

Description:
  • 取得目前至秒時間,產生無特殊字串之時間戳

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(now2strp())
// => dayjs().format('YYYYMMDDHHmmss') //use dayjs or moment
Returns:

回傳目前至秒時間字串

Type
String

(static) nowDay2str() → {String}

Description:
  • 取得目前至日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(nowDay2str())
// => dayjs().format('YYYY-MM-DD') //use dayjs or moment
Returns:

回傳目前至日時間字串

Type
String

(static) nowms2str() → {String}

Description:
  • 取得目前至毫秒時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(nowms2str())
// => dayjs().format('YYYY-MM-DDTHH:mm:ss.SSSZ') //use dayjs or moment
Returns:

回傳目前至毫秒時間字串

Type
String

(static) nowms2strp() → {String}

Description:
  • 取得目前至毫秒時間,產生無特殊字串之時間戳

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(nowms2strp())
// => dayjs().format('YYYYMMDDHHmmssSSS') //use dayjs or moment
Returns:

回傳目前至毫秒時間字串

Type
String

(static) o2j(v, bFormatopt) → {String}

Description:
  • 任意資料轉json文字

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(o2j([1, '3', 'abc']))
// => '[1,"3","abc"]'

console.log(o2j({ a: 12.34, b: 'abc' }))
// => '{"a":12.34,"b":"abc"}'

console.log(o2j({ a: 12.34, b: 'abc' }, true))
// => {
  "a": 12.34,
  "b": "abc"
}
Parameters:
Name Type Attributes Default Description
v *

輸入任意資料

bFormat Boolean <optional>
false

輸入是否格式化布林值,預設為false

Returns:

回傳json格式字串

Type
String

(static) obj2b64(data) → {String}

Description:
  • 任意資料轉base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(obj2b64([1, '3', 'abc']))
// => 'WzEsIjMiLCJhYmMiXQ=='

console.log(obj2b64({ a: 12.34, b: 'abc' }))
// => 'eyJhIjoxMi4zNCwiYiI6ImFiYyJ9'
Parameters:
Name Type Description
data *

輸入任意資料

Returns:

回傳base64字串

Type
String

(static) obj2pb64(data, key) → {String}

Description:
  • 任意資料由key進行AES加密轉為為base64

    Unit Test: Github

Source:
Example
Try in Codepen
let key = '1234567890abcdef'
console.log(obj2pb64([1, '3', 'abc'], key))
// => U2FsdGVkX1+yPgYSW6mKi1VqyslaSKYHKRaw8Pu4QduzHggojRZA6b/T/oB7ltXf (is random)
Parameters:
Name Type Description
data *

輸入任意資料

key String

輸入加密key

Returns:

回傳加密base64字串

Type
String

(static) obj2str(data, extopt) → {String}

Description:
  • 任意資料轉字串,可支援內含Uint8Array與Uint16Array數據

    Unit Test: Github

Source:
Example
Try in Codepen
let o = {
    a: 'abc',
    b: 12.3,
    u8a: new Uint8Array([66, 97, 115]),
    u16a: new Uint16Array([11, 79, 6]),
}
console.log(obj2str(o))
// => '{"a":"abc","b":12.3,"u8a":"[Uint8Array]::QmFz","u16a":{"0":11,"1":79,"2":6}}'

console.log(obj2str(o, ['Uint8Array', 'Uint16Array']}))
// => '{"a":"abc","b":12.3,"u8a":"[Uint8Array]::QmFz","u16a":"[Uint16Array]::C08G"}'
Parameters:
Name Type Attributes Default Description
data *

輸入任意資料

ext String | Array <optional>
'Uint8Array'

輸入擴充數據種類字串或陣列,預設'Uint8Array'

Returns:

回傳base64字串

Type
String

(static) obj2stru8arr(data) → {Object}

Description:
  • 物件資料轉字串與Unit8Array,物件內可含Unit8Array數據,適用於大檔。

    通過JSON序列化物件內非Unit8Array數據成為字串,另分拆Unit8Array數據出來回傳,兩者間通過指標關聯,主要為避免序列化大型Unit8Array數據造成效能或記憶體不足問題

    Unit Test: Github

Source:
Example
Try in Codepen
let data = {
    a: 123,
    b: 45.67,
    c: 'l1-測試中文',
    d: {
        da: 123,
        db: 45.67,
        dc: 'l2-測試中文',
        dd: ['a', 'xyz', 321, 76.54],
        de: new Uint8Array([66, 97, 115]),
    },
}
let r = obj2stru8arr(data)
console.log(r)
// => {
//     results: '{"a":123,"b":45.67,"c":"l1-測試中文","d":{"da":123,"db":45.67,"dc":"l2-測試中文","dd":["a","xyz",321,76.54],"de":"[Uint8Array]::0"}}',
//     binarys: [ Uint8Array [ 66, 97, 115 ] ]
// }
Parameters:
Name Type Description
data *

輸入任意資料

Returns:

回傳物件,results欄位儲存物件內非序列化文字,binarys欄位儲存各Unit8Array數據

Type
Object

(static) obj2u8arr(data) → {Uint8Array}

Description:
  • 物件或陣列資料轉Uint8Array

    Unit Test: Github

Source:
Example
Try in Codepen
let data = {
    a: [123, 45.67, 'test中文'],
    b: {
        c: new Uint8Array([66, 97, 115]),
    },
}
let u8a = obj2u8arr(data)
console.log(u8a)
// => Uint8Array [
//     64,  24,   0,   0,   0,  0,  0,   0,  91,  53,  56,  44,
//     51,  93, 123,  34,  97, 34, 58,  91,  49,  50,  51,  44,
//     52,  53,  46,  54,  55, 44, 34, 116, 101, 115, 116, 228,
//    184, 173, 230, 150, 135, 34, 93,  44,  34,  98,  34,  58,
//    123,  34,  99,  34,  58, 34, 91,  85, 105, 110, 116,  56,
//     65, 114, 114,  97, 121, 93, 58,  58,  48,  34, 125, 125,
//     66,  97, 115
// ]
Parameters:
Name Type Description
data Object | Array

輸入物件或陣列資料,物件內可支援Uint8Array、Uint16Array、ArrayBuffer,注意因ArrayBuffer無法直接操作(非View,只有TypedArray與DataView可操作)故預設會轉Uint8Array進行處理

Returns:

回傳Uint8Array

Type
Uint8Array

(static) objSortBy(obj, fun) → {Object}

Description:
  • 對物件內各鍵進行排序,通過傳入排序函數取得各物件值或鍵,回傳可排序的數字或字串,則可進行對物件的鍵排序

    Unit Test: Github

Source:
Example
Try in Codepen
let obj1 = {
    'a': 3,
    'b': 2,
    'c': 1,
}
let robj1 = objSortBy(obj1, (v, k) => {
    return v
})
console.log(robj1)
// => { c: 1, b: 2, a: 3 }

let obj2 = {
    'x2': 2,
    'x1': 1,
    'x3': 3,
}
let robj2 = objSortBy(obj2, (v, k) => {
    return k
})
console.log(robj2)
// => { x1: 1, x2: 2, x3: 3 }
Parameters:
Name Type Description
obj Object

輸入物件資料

fun function

輸入回調的排序函數,將傳入(v,k)代表各物件的值與鍵,回傳排序用的值,可為數字或字串

Returns:

回傳排序後物件

Type
Object

(static) objSortByKeys(obj, fun) → {Object}

Description:
  • 對物件內各鍵進行排序,通過傳入指定鍵值陣列,可基於物件各鍵位於指定鍵值陣列之位置進行排序

    Unit Test: Github

Source:
Example
Try in Codepen
let obj1 = {
    'x2': 2,
    'x1': 1,
    'x3': 3,
}
let arr1 = ['x1', 'x2', 'x3']
let robj1 = objSortByKeys(obj1, arr1)
console.log(robj1)
// => { x1: 1, x2: 2, x3: 3 }

let obj2 = {
    'x2': 2,
    'x111': 1,
    'x33': 3,
}
let arr2 = ['x111', 'x2', 'x33']
let robj2 = objSortByKeys(obj2, arr2)
console.log(robj2)
// => { x111: 1, x2: 2, x33: 3 }
Parameters:
Name Type Description
obj Object

輸入物件資料

fun function

輸入回調的排序函數,將傳入(v,k)代表各物件的值與鍵,回傳排序用的值,可為數字或字串

Returns:

回傳排序後物件

Type
Object

(async, static) ocr(img, optopt) → {Object}

Description:
  • 基於tesseract.js的文字辨識(OCR),注意瀏覽器版精度較差

    Unit Test: Github

Source:
Example
Try in Codepen
function getImg() {
    function getEng() {
        return 'data:image/png;base64,...'
    }
    function getTra() {
        return 'data:image/png;base64,...'
    }
    function getSim() {
        return 'data:image/png;base64,...'
    }

    let resEng = `
Mild Splendour of the various-vested Night!
Mother of wildly-working visions! haill
I watch thy gliding, while with watery light
Thy weak eye glimmers through a fleecy veil;
And when thou lovest thy pale orb to shroud
Behind the gather’'d blackness lost on high;
And when thou dartest from the wind-rent cloud
Thy placid lightning o’er the awakend sky.
`

    let resChiTra = `
齎 家 王 說 闊 夜 又 山 ‧ 碰 巧 撞 上 了 風 妻 綽 約 的 寨 主 鍾 無 艷 , 一 人 一 見 鍾 情 。 鍾 情
於 鍾 無 艷 的 狐 狸 精 被 拒 愛 , 於 是 向 無 艷 施 『 愛 情 咒 」, 使 其 臉 上 忽 然 多 了 塊 大
痧 ‧ 把 齊 宣 王 嚇 得 採 腿 而 逃 ‧ 二 人 媒 情 從 此 障 礙 重 重 。
`

    let resChiSim = `
狐 狸 精 化 身 为 美 女 夏 迎 春 去 勾 引 齐 王 , 忽 男 忽 女 的 她 竟 同 时 爱 上 齐 王 和 无 艳 ,
硬 是 周 旋 在 二 人 之 间 。 齐 王 被 狐 狸 精 的 美 色 所 诱 , 但 无 艳 仍 对 齐 王 痴 心 一 片 ,
甘 为 齐 王 南 征 北 战 , 冲 锋 陷 阵 、 出 生 入 死 。 无 艳 在 迎 春 多 畴 打 击 下 多 次 入 冷
宫 、 坐 天 牢 仍 无 怨 无 悔 , 对 齐 王 矢 志 不 渝 。
`

    return {
        eng: getEng(),
        tra: getTra(),
        sim: getSim(),
        resEng,
        resChiTra,
        resChiSim,
    }
}

function replace(c, t, r) {
    let o = new RegExp(t, 'g')
    let rr = String(c).replace(o, r)
    return rr
}

function p(c) {
    c = replace(c, ' ', '')
    c = replace(c, '\r', '')
    c = replace(c, '\n', '')
    return c
}

async function core() {

    //kpImg
    let kpImg = getImg()

    let rEng = await ocr(kpImg.eng)
    console.log(rEng)
    console.log('ocr for eng:', p(rEng) === p(kpImg.resEng))
    // => Mild Splendour of the various-vested Night!
    // Mother of wildly-working visions! haill
    // I watch thy gliding, while with watery light
    // Thy weak eye glimmers through a fleecy veil;
    // And when thou lovest thy pale orb to shroud
    // Behind the gather’'d blackness lost on high;
    // And when thou dartest from the wind-rent cloud
    // Thy placid lightning o’er the awakend sky.
    //
    // => ocr for chi_tra: true

    let rChiTra = await ocr(kpImg.tra, { lang: 'chi_tra' })
    console.log(rChiTra)
    console.log('ocr for chi_tra:', p(rChiTra) === p(kpImg.resChiTra))
    // => 齎 家 王 說 闊 夜 又 山 ‧ 碰 巧 撞 上 了 風 妻 綽 約 的 寨 主 鍾 無 艷 , 一 人 一 見 鍾 情 。 鍾 情
    // 於 鍾 無 艷 的 狐 狸 精 被 拒 愛 , 於 是 向 無 艷 施 『 愛 情 咒 」, 使 其 臉 上 忽 然 多 了 塊 大
    // 痧 ‧ 把 齊 宣 王 嚇 得 採 腿 而 逃 ‧ 二 人 媒 情 從 此 障 礙 重 重 。
    //
    // => ocr for chi_tra: true

    let rChiSim = await ocr(kpImg.sim, { lang: 'chi_sim' })
    console.log(rChiSim)
    console.log('ocr for chi_sim:', p(rChiSim) === p(kpImg.resChiSim))
    // => 狐 狸 精 化 身 为 美 女 夏 迎 春 去 勾 引 齐 王 , 忽 男 忽 女 的 她 竟 同 时 爱 上 齐 王 和 无 艳 ,
    // 硬 是 周 旋 在 二 人 之 间 。 齐 王 被 狐 狸 精 的 美 色 所 诱 , 但 无 艳 仍 对 齐 王 痴 心 一 片 ,
    // 甘 为 齐 王 南 征 北 战 , 冲 锋 陷 阵 、 出 生 入 死 。 无 艳 在 迎 春 多 畴 打 击 下 多 次 入 冷
    // 宫 、 坐 天 牢 仍 无 怨 无 悔 , 对 齐 王 矢 志 不 渝 。
    //
    // => ocr for chi_sim: true

}
core()
Parameters:
Name Type Attributes Default Description
img String

輸入圖片網址或base64格式(以data:開頭)字串

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
lang String <optional>
'eng'

輸入辨識語系字串,可輸入'eng'、'chi_tra'、'chi_sim'等,多語系可用「+」合併,預設'eng+chi_tra+chi_sim'

whitelist String <optional>

輸入白名單字串,可指定輸入只辨識之字元,預設undefined

Returns:

回傳辨識結果物件

Type
Object

(async, static) ocrDyn(img, optopt, pathItems) → {Object}

Description:
  • 基於tesseract.js的文字辨識(OCR),採用動態加載技術,注意瀏覽器版精度較差

    Unit Test: Github

Source:
Example
Try in Codepen
let resEng = `
Mild Splendour of the various-vested Night!
Mother of wildly-working visions! haill
I watch thy gliding, while with watery light
Thy weak eye glimmers through a fleecy veil;
And when thou lovest thy pale orb to shroud
Behind the gather’d blackness lost on high;
And when thou dartest from the wind-rent cloud
Thy placid lightning o’er the awaken’d sky.
`

let resChiTra = `
齊宣王誤闖夜叉山,碰巧撞上了風姿綽約的寨主鍾無艷,二人一見鍾情。鍾情
於鍾無艷的狐狸精被拒愛,於是向無艷施「愛情咒」,使其臉上忽然多了塊大
痣,把齊宣王嚇得拔腿而逃,二人感情從此障礙重重。
`

let resChiSim = `
狐狸精化身为美女夏迎春去勾引齐王,忽男忽女的她竟同时爱上齐王和无艳,
硬是周旋在二人之间。齐王被狐狸精的美色所诱,但无艳仍对齐王痴心一片,
甘为齐王南征北战,冲锋陷阵、出生入死。无艳在迎春多番打击下多次入冷
宫、坐天牢仍无怨无悔,对齐王矢志不渝。
`

//辨識英文
let rEng = await ocrDyn('data:image/png;base64,...')
console.log('ocrDyn for eng:', p(rEng) === p(resEng))
// => ocrDyn for eng: true

console.log(resEng)
// => Mild Splendour of the various-vested Night!
// Mother of wildly-working visions! haill
// I watch thy gliding, while with watery light
// Thy weak eye glimmers through a fleecy veil;
// And when thou lovest thy pale orb to shroud
// Behind the gather’d blackness lost on high;
// And when thou dartest from the wind-rent cloud
// Thy placid lightning o’er the awaken’d sky.

//辨識繁體中文
let rChiTra = await ocrDyn('data:image/png;base64,...', { lang: 'chi_tra' })
console.log('ocrDyn for chi_tra:', p(rChiTra) === p(resChiTra))
// => ocrDyn for chi_tra: true

console.log(resChiTra)
// => 齊宣王誤闖夜叉山,碰巧撞上了風姿綽約的寨主鍾無艷,二人一見鍾情。鍾情
// 於鍾無艷的狐狸精被拒愛,於是向無艷施「愛情咒」,使其臉上忽然多了塊大
// 痣,把齊宣王嚇得拔腿而逃,二人感情從此障礙重重。

//辨識簡體中文
let rChiSim = await ocrDyn('data:image/png;base64,...', { lang: 'chi_sim' })
console.log('ocrDyn for chi_sim:', p(rChiSim) === p(resChiSim))
// => ocrDyn for chi_sim: true

console.log(resChiSim)
// => 狐狸精化身为美女夏迎春去勾引齐王,忽男忽女的她竟同时爱上齐王和无艳,
// 硬是周旋在二人之间。齐王被狐狸精的美色所诱,但无艳仍对齐王痴心一片,
// 甘为齐王南征北战,冲锋陷阵、出生入死。无艳在迎春多番打击下多次入冷
// 宫、坐天牢仍无怨无悔,对齐王矢志不渝。
Parameters:
Name Type Attributes Default Description
img String

輸入圖片網址或base64格式(以data:開頭)字串

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
lang String <optional>
'eng'

輸入辨識語系字串,可輸入'eng'、'chi_tra'、'chi_sim'等,多語系可用「+」合併,預設'eng+chi_tra+chi_sim'

whitelist String <optional>

輸入白名單字串,可指定輸入只辨識之字元,預設undefined

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳辨識結果物件

Type
Object

(static) oo(o) → {*}

Description:
  • 暴力cloneDeep物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(oo([1, '3', 'abc']))
// => [1, '3', 'abc']

console.log(oo([1, '3', 'abc', function(){}]))
// => [1, '3', 'abc', null]

console.log(oo({ a: 12.34, b: 'abc' }))
// => { a: 12.34, b: 'abc' }

console.log(oo({ a: 12.34, b: 'abc', c: function(){} }))
// => { a: 12.34, b: 'abc' }
Parameters:
Name Type Description
o *

輸入任意資料

Returns:

回傳任意資料

Type
*
Description:
  • 前端開啟連結

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let url = 'https://www.google.com/'
openLink(url)
Parameters:
Name Type Description
url String

(static) pb642obj(key, b64) → {*}

Description:
  • base64解密取得原始資料

    Unit Test: Github

Source:
Example
Try in Codepen
let key = '1234567890abcdef'
let str = U2FsdGVkX1+yPgYSW6mKi1VqyslaSKYHKRaw8Pu4QduzHggojRZA6b/T/oB7ltXf //(is random)
console.log(pb642obj(str, key))
// => [1, '3', 'abc']
Parameters:
Name Type Description
key String

輸入加密key

b64 String

輸入加密base64字串

Returns:

回傳任意物件

Type
*

(static) pmChain(pms, initial) → {Promise}

Description:
  • 傳入initial初始值並循序執行Promise陣列

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let pm1 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('resolve pm1' + v)
                        ms.push('resolve pm1' + v)
                        resolve('pm1' + v)
                    }, 100)
                })
            }
            let pm2 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('resolve pm2' + v)
                        ms.push('resolve pm2' + v)
                        resolve('pm2' + v)
                    }, 150)
                })
            }
            let pm3 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('resolve pm3' + v)
                        ms.push('resolve pm3' + v)
                        resolve('pm3' + v)
                    }, 50)
                })
            }

            pmChain([pm1, pm2, pm3], '*')
                .then((msg) => {
                    console.log('t1 then: ', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch((msg) => {
                    console.log('t1 catch: ', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // resolve pm1*
    // resolve pm2pm1*
    // resolve pm3pm2pm1*
    // t1 then:  pm3pm2pm1*
    // ["resolve pm1*","resolve pm2pm1*","resolve pm3pm2pm1*","t1 then: pm3pm2pm1*"]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            let pm1 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('resolve pm1' + v)
                        ms.push('resolve pm1' + v)
                        resolve('pm1' + v)
                    }, 100)
                })
            }
            //pm2為reject
            let pm2 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('reject pm2' + v)
                        ms.push('reject pm2' + v)
                        reject('pm2' + v)
                    }, 150)
                })
            }
            let pm3 = function(v) {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        console.log('resolve pm3' + v)
                        ms.push('resolve pm3' + v)
                        resolve('pm3' + v)
                    }, 50)
                })
            }

            pmChain([pm1, pm2, pm3], '*')
                .then((msg) => {
                    console.log('t1 then: ', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch((msg) => {
                    console.log('t1 catch: ', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // resolve pm1*
    // reject pm2pm1*
    // t1 catch:  pm2pm1*
    // ["resolve pm1*","reject pm2pm1*","t1 catch: pm2pm1*"]

}
topAsync().catch(() => {})
Parameters:
Name Type Default Description
pms Array

輸入Promise陣列

initial * null

輸入循序執行Promise陣列的初始值

Returns:

回傳Promise,resolve為成功結果,reject為失敗結果

Type
Promise

(static) pmConvertResolve(fn) → {Promise}

Description:
  • 將Promise函式的resolve與reject皆轉為resolve

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            function fun1(c) {
                return new Promise((resolve, reject) => {
                    setTimeout(function() {
                        console.log('resolve fun1: ' + c)
                        ms.push('resolve fun1: ' + c)
                        resolve('fun1: ' + c)
                    }, 1)
                })
            }

            pmConvertResolve(fun1)('abc')
                .then((msg) => {
                    console.log('t1 then: ', msg)
                    ms.push({ mode: 't1 then', msg })
                })
                .catch((msg) => {
                    console.log('t1 catch: ', msg)
                    ms.push({ mode: 't1 catch', msg })
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // resolve fun1: abc
    // t1 then:  { state: 'success', msg: 'fun1: abc' }
    // ["resolve fun1: abc",{"mode":"t1 then","msg":{"state":"success","msg":"fun1: abc"}}]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            function fun1(c) {
                return new Promise((resolve, reject) => {
                    setTimeout(function() {
                        console.log('reject fun1: ' + c)
                        ms.push('reject fun1: ' + c)
                        reject('fun1: ' + c)
                    }, 1)
                })
            }

            pmConvertResolve(fun1)('abc')
                .then((msg) => {
                    console.log('t1 then: ', msg)
                    ms.push({ mode: 't1 then', msg })
                })
                .catch((msg) => {
                    console.log('t1 catch: ', msg)
                    ms.push({ mode: 't1 catch', msg })
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // reject fun1: abc
    // { state: 'error', msg: 'fun1: abc' }
    // ["reject fun1: abc",{"mode":"t1 then","msg":{"state":"error","msg":"fun1: abc"}}]

    async function test3() {
        return new Promise((resolve, reject) => {
            let ms = []

            function fun1(p1, p2) {
                return new Promise((resolve, reject) => {
                    setTimeout(function() {
                        console.log('resolve fun1: ' + p1 + ', ' + p2)
                        ms.push('resolve fun1: ' + p1 + ', ' + p2)
                        resolve('fun1: ' + p1 + ', ' + p2)
                    }, 1)
                })
            }

            pmConvertResolve(fun1)('abc', 'def')
                .then((msg) => {
                    console.log('t1 then: ', msg)
                    ms.push({ mode: 't1 then', msg })
                })
                .catch((msg) => {
                    console.log('t1 catch: ', msg)
                    ms.push({ mode: 't1 catch', msg })
                })
                .finally(() => {
                    resolve(ms)
                })

        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // resolve fun1: abc, def
    // t1 then:  { state: 'success', msg: 'fun1: abc, def' }
    // ["resolve fun1: abc, def",{"mode":"t1 then","msg":{"state":"success","msg":"fun1: abc, def"}}]

}
topAsync().catch(() => {})
Parameters:
Name Type Description
fn function

輸入函數,可支援async與sync函數

Returns:

回傳Promise,皆使用resolve回傳物件資料,物件欄位有state與msg,state可有success、error與cancelled。cancelled代表reject回傳{ reason: 'cancelled' }

Type
Promise

(static) pmDebounce(msopt) → {function}

Description:
  • 非同步函數進行防抖

    同時僅會執行一個佇列(非同步函數),到達防抖時間才會取最後一個佇列執行,待其執行完畢,若期間有新佇列進來,一樣取最後佇列執行

    Unit Test: Github

Source:
Example
Try in Codepen
let dbc = pmDebounce(300)

let i = 0
let d = 100
setTimeout(() => {
    let t = setInterval(() => {
        i += d
        console.log(i, 'ms')
        if (i > 2500) {
            clearInterval(t)
        }
    }, d)
}, 1)

let n = 0
function test(rin) {
    console.log(i, 'ms', 'test in:', rin)
    return new Promise(function(resolve, reject) {
        setTimeout(() => {
            n++
            let rout = `${rin}:${n}`
            console.log(i, 'ms', 'test out:', rout)
            resolve(rout)
        }, 500)
    })
}

setTimeout(() => {
    setTimeout(() => {
        dbc(async() => {
            return test('a')
        }, 'a')
    }, 1)
    //1ms, a進入排程, 但a尚未發呆300ms故無法執行
    setTimeout(() => {
        dbc(async() => {
            return test('b')
        }, 'b')
    }, 100)
    //100ms, b進入排程, 因b尚未發呆300ms故無法執行
    //400ms, 因b已發呆300ms故開始執行, 此時也取消a, 400ms開始, 至900ms結束
    setTimeout(() => {
        dbc(async() => {
            return test('c')
        }, 'c')
    }, 500)
    setTimeout(() => {
        dbc(async() => {
            return test('d')
        }, 'd')
    }, 800)
    //500與800ms, c與d皆進入排程, 但b還在執行中故無法執行c與d
    //900ms, b執行完, 故取最後d開始執行, c已取消, 900ms開始, 至1400ms結束
    //1400ms, d執行完, 無任何排程等待
    setTimeout(() => {
        dbc(async() => {
            return test('e')
        }, 'e')
    }, 1500)
    //1500ms, e進入排程, 目前無任何排程, 但因e尚未發呆300ms故無法執行
    //1800ms, 因e已發呆300ms故開始執行, 1800ms開始, 至2300ms結束
    //2300ms, e執行完
}, 20)
// 100 ms
// 200 ms
// 300 ms
// 400 ms
// 400 ms test in: b
// 500 ms
// 600 ms
// 700 ms
// 800 ms
// 900 ms
// 900 ms test out: b:1
// 900 ms test in: d
// 1000 ms
// 1100 ms
// 1200 ms
// 1300 ms
// 1400 ms
// 1400 ms test out: d:2
// 1500 ms
// 1600 ms
// 1700 ms
// 1800 ms
// 1800 ms test in: e
// 1900 ms
// 2000 ms
// 2100 ms
// 2200 ms
// 2300 ms
// 2300 ms test out: e:3
// 2400 ms
// 2500 ms
// 2600 ms
Parameters:
Name Type Attributes Default Description
ms Integer <optional>
300

輸入未有調用的時間區間,為正整數,預設300ms

Returns:

回傳Function,輸入為非同步函數與其輸入,會推入佇列後並循序等待執行,回傳為Promise,resolve回傳成功結果而reject回傳失敗訊息

Type
function

(static) pmHook(fun, cbopt) → {Promise}

Description:
  • 掛勾非同步(Promise)函數,可監聽或修改Promise的輸出入訊號

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            //使用resolve
            let pm = function (v1, v2) {
                return new Promise(function(resolve, reject) {
                    ms.push(`resolve: v1=${v1}, v2=${v2}`)
                    resolve(`resolve: v1=${v1}, v2=${v2}`)
                })
            }

            //針對before修改輸入
            let pmr = pmHook(pm, (msg) => {
                console.log('cb', msg)
                if (msg.mode === 'before') {
                    //arguments有兩個輸入故得分開改
                    msg.data[0] = '[modify input a]' + msg.data[0]
                    msg.data[1] = '[modify input b]' + msg.data[1]
                    return msg.data
                }
            })

            pmr('t1', 12.3)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // cb { mode: 'before', data: [Arguments] { '0': 't1', '1': 12.3 } }
    // cb {
    //   mode: 'afterThen',
    //   data: 'resolve: v1=[modify input a]t1, v2=[modify input b]12.3'
    // }
    // t1 then resolve: v1=[modify input a]t1, v2=[modify input b]12.3
    // ["resolve: v1=[modify input a]t1, v2=[modify input b]12.3","t1 then: resolve: v1=[modify input a]t1, v2=[modify input b]12.3"]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            //使用resolve
            let pm = function (v1, v2) {
                return new Promise(function(resolve, reject) {
                    ms.push(`resolve: v1=${v1}, v2=${v2}`)
                    resolve(`resolve: v1=${v1}, v2=${v2}`)
                })
            }

            //針對afterThen修改輸出
            let pmr = pmHook(pm, (msg) => {
                console.log('cb', msg)
                if (msg.mode === 'afterThen') {
                    //arguments有兩個輸入故得分開改
                    msg.data = '[modify output]' + msg.data
                    return msg.data
                }
            })

            pmr('t1', 12.3)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // cb { mode: 'before', data: [Arguments] { '0': 't1', '1': 12.3 } }
    // cb { mode: 'afterThen', data: 'resolve: v1=t1, v2=12.3' }
    // t1 then [modify output]resolve: v1=t1, v2=12.3
    // ["resolve: v1=t1, v2=12.3","t1 then: [modify output]resolve: v1=t1, v2=12.3"]

    async function test3() {
        return new Promise((resolve, reject) => {
            let ms = []

            //使用reject
            let pm = function (v1, v2) {
                return new Promise(function(resolve, reject) {
                    ms.push(`reject: v1=${v1}, v2=${v2}`)
                    reject(`reject: v1=${v1}, v2=${v2}`)
                })
            }

            //針對afterThen修改輸出, 但因使用reject故改不到
            let pmr = pmHook(pm, (msg) => {
                console.log('cb', msg)
                if (msg.mode === 'afterThen') {
                    //arguments有兩個輸入故得分開改
                    msg.data = '[modify output]' + msg.data
                    return msg.data
                }
            })

            pmr('t1', 12.3)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // cb { mode: 'before', data: [Arguments] { '0': 't1', '1': 12.3 } }
    // cb { mode: 'afterCatch', data: 'reject: v1=t1, v2=12.3' }
    // t1 catch reject: v1=t1, v2=12.3
    // ["reject: v1=t1, v2=12.3","t1 catch: reject: v1=t1, v2=12.3"]

    async function test4() {
        return new Promise((resolve, reject) => {
            let ms = []

            //使用reject
            let pm = function (v1, v2) {
                return new Promise(function(resolve, reject) {
                    ms.push(`reject: v1=${v1}, v2=${v2}`)
                    reject(`reject: v1=${v1}, v2=${v2}`)
                })
            }

            //針對afterCatch修改輸出
            let pmr = pmHook(pm, (msg) => {
                console.log('cb', msg)
                if (msg.mode === 'afterCatch') {
                    //arguments有兩個輸入故得分開改
                    msg.data = '[modify output]' + msg.data
                    return msg.data
                }
            })

            pmr('t1', 12.3)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test4')
    let r4 = await test4()
    console.log(JSON.stringify(r4))
    // test4
    // cb { mode: 'before', data: [Arguments] { '0': 't1', '1': 12.3 } }
    // cb { mode: 'afterCatch', data: 'reject: v1=t1, v2=12.3' }
    // t1 catch [modify output]reject: v1=t1, v2=12.3
    // ["reject: v1=t1, v2=12.3","t1 catch: [modify output]reject: v1=t1, v2=12.3"]

    async function test5() {
        return new Promise((resolve, reject) => {
            let ms = []

            //使用resolve, 此函數無輸入
            let pm = function () {
                return new Promise(function(resolve, reject) {
                    ms.push(`resolve`)
                    resolve(`resolve`)
                })
            }

            //針對afterThen修改輸出
            let pmr = pmHook(pm, (msg) => {
                console.log('cb', msg)
                if (msg.mode === 'afterThen') {
                    //arguments有兩個輸入故得分開改
                    msg.data = '[modify output]' + msg.data
                    return msg.data
                }
            })

            pmr()
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test5')
    let r5 = await test5()
    console.log(JSON.stringify(r5))
    // test5
    // cb { mode: 'before', data: [Arguments] {} }
    // cb { mode: 'afterThen', data: 'resolve' }
    // t1 then [modify output]resolve
    // ["resolve","t1 then: [modify output]resolve"]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
fun function

輸入非同步Promise函數

cb function <optional>
() => {}

輸入回調函數,預設()={},cb函數之輸入為監聽到的資訊物件,欄位有mode與data,mode可為'before'、'afterThen'、'afterCatch'字串,而data則代表非同步函數的輸入或輸出資訊。若想於cb函數修改回傳,則由cb函數的輸入修改完回傳即可。例如收到msg={mode:'before',data:'123'},將msg.data='abc',再return msg.data

Returns:

回傳為Promise,resolve為回傳成功結果,reject為回傳失敗訊息

Type
Promise

(static) pmHookReject(fun, cbopt) → {Promise}

Description:
  • 掛勾非同步(Promise)函數,可監聽或修改Promise的reject輸出數據

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let pm = function (v1, v2) {
                return new Promise(function(resolve, reject) {
                    ms.push(`reject: v1=${v1}, v2=${v2}`)
                    reject(`reject: v1=${v1}, v2=${v2}`)
                })
            }

            let pmr = pmHookReject(pm, (msg) => {
                console.log('cb: ' + msg)
                msg = '[modify catch]' + msg
                ms.push('cb: ' + msg)
                return msg
            })

            pmr('t1', 12.3)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // cb: reject: v1=t1, v2=12.3
    // t1 catch [modify catch]reject: v1=t1, v2=12.3
    // ["reject: v1=t1, v2=12.3","cb: [modify catch]reject: v1=t1, v2=12.3","t1 catch: [modify catch]reject: v1=t1, v2=12.3"]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            let pm = function () {
                return new Promise(function(resolve, reject) {
                    ms.push(`reject`)
                    reject(`reject`)
                })
            }

            let pmr = pmHookReject(pm, (msg) => {
                console.log('cb: ' + msg)
                msg = '[modify catch]' + msg
                ms.push('cb: ' + msg)
                return msg
            })

            pmr() //測試無輸入
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + msg)
                })
                .finally(function() {
                    resolve(ms)
                })

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // cb: reject
    // t1 catch [modify catch]reject
    // ["reject","cb: [modify catch]reject","t1 catch: [modify catch]reject"]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
fun function

輸入非同步Promise函數

cb function <optional>
() => {}

輸入回調函數,預設()={},cb函數之輸入為監聽reject到的資訊數據。若想於cb函數修改reject數據,則由cb函數的輸入修改完回傳即可。例如收到reject的msg為'aaa',將msg='bbb'再return msg即可

Returns:

回傳為Promise,resolve為回傳成功結果,reject為回傳失敗訊息

Type
Promise

(static) pmIni() → {Promise}

Description:
  • 以Promise開啟鏈式

    Unit Test: Github

Source:
Example
Try in Codepen
pmIni()
    .then(function() {
        console.log('then')
        //code here
    })
Returns:

回傳Promise

Type
Promise

(static) pmInvResolve(pm, optopt) → {Promise}

Description:
  • 將pmConvertResolve回傳結果轉回原本Promise的resolve與reject

    Unit Test: Github

Source:
Example
Try in Codepen
async function test1() {
    let pmInp = genPm()
    pmInp.resolve({
        state: 'success',
        msg: 'abc',
    })
    let pmOut = pmInvResolve(pmInp)
    await pmOut
        .then((res) => {
            console.log('test1 then', res)
            // test1 then abc
        })
        .catch((res) => {
            console.log('test1 catch', res)
        })
}
test1()

async function test2() {
    let pmInp = genPm()
    pmInp.resolve({
        state: 'error',
        msg: 'abc',
    })
    let pmOut = pmInvResolve(pmInp)
    await pmOut
        .then((res) => {
            console.log('test2 then', res)
        })
        .catch((res) => {
            console.log('test2 catch', res)
            // test2 catch abc
        })
}
test2()

async function test3() {
    let pmInp = genPm()
    pmInp.resolve({
        state: 'cancelled',
        msg: 'abc',
    })
    let pmOut = pmInvResolve(pmInp)
    await pmOut
        .then((res) => {
            console.log('test3 then', res)
        })
        .catch((res) => {
            console.log('test3 catch', res)
            // test3 catch { reason: 'cancelled' }
        })
}
test3()

async function test4() {
    let pmInp = genPm()
    pmInp.resolve({
        data: {
            state: 'success',
            msg: 'abc',
        },
    })
    let pmOut = pmInvResolve(pmInp, { thenExtractData: true })
    await pmOut
        .then((res) => {
            console.log('test4 then', res)
            // test4 then abc
        })
        .catch((res) => {
            console.log('test4 catch', res)
        })
}
test4()
Parameters:
Name Type Attributes Default Description
pm Promise

輸入pmConvertResolve所轉出的Promise,其皆使用resolve回傳物件資料

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
thenExtractData Boolean <optional>
false

輸入是否於then提取data欄位值布林值,主要用於轉換axios取得之pm,預設false

Returns:

回傳Promise,皆使用resolve回傳物件資料,物件欄位有state與msg,state可有success、error與cancelled。cancelled代表reject回傳{ reason: 'cancelled' }

Type
Promise

(static) pmMap(rs, fun, takeLimitopt) → {Promise}

Description:
  • Promise的map,可設定同時處理數量

    若輸入rs為資料陣列則fn需將數據處理並回傳Promise,若輸入rs為Promise陣列則fn可不給,並循序執行各Promise。 若先行產生promise則takeLimit設定會無效,因promise已先行初始化啟動。 等同於Bluebird的Promise.map,而concurrency為takeLimit。 使用函數執行時,當takeLimit=1,等同於mapSeries,promise依序執行完畢才會調用下一個promise。 使用函數執行時,當takeLimit=0,等同於先行產生promise的情形,各promise直接執行視各自執行時間結束。

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 2 //通過function調用產生promise, 可受takeLimit控管同時執行數量, takeLimit=2
            pmMap([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            }, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    //cost: (1)340, (2)310, (3)260, (4)190, (5)100
    //1core: call 2(0) -> resolve 2(310) -> call 3(310) -> resolve 3(310+260=570)
    //2core: call 1(0) -> resolve 1(340) -> call 4(340) -> resolve 4(340+190=530) -> call 5(530) -> resolve 5(340+190+100=630)
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // call 1
    // call 2
    // resolve 2 d 310
    // call 3
    // resolve 1 d 340
    // call 4
    // resolve 4 d 190
    // call 5
    // resolve 3 d 260
    // resolve 5 d 100
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"call":2},{"resolve":2,"d":310},{"call":3},{"resolve":1,"d":340},{"call":4},{"resolve":4,"d":190},{"call":5},{"resolve":3,"d":260},{"resolve":5,"d":100},{"res":["#1","#2","#3","#4","#5"]}]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 1 //通過function調用產生promise, takeLimit=1, 等同於mapSeries
            pmMap([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            }, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // call 1
    // resolve 1 d 340
    // call 2
    // resolve 2 d 310
    // call 3
    // resolve 3 d 260
    // call 4
    // resolve 4 d 190
    // call 5
    // resolve 5 d 100
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"resolve":1,"d":340},{"call":2},{"resolve":2,"d":310},{"call":3},{"resolve":3,"d":260},{"call":4},{"resolve":4,"d":190},{"call":5},{"resolve":5,"d":100},{"res":["#1","#2","#3","#4","#5"]}]

    async function test3() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 0 //通過function調用產生promise, takeLimit=0, 無限制同時執行數量
            pmMap([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            }, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // call 1
    // call 2
    // call 3
    // call 4
    // call 5
    // resolve 5 d 100
    // resolve 4 d 190
    // resolve 3 d 260
    // resolve 2 d 310
    // resolve 1 d 340
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"call":2},{"call":3},{"call":4},{"call":5},{"resolve":5,"d":100},{"resolve":4,"d":190},{"resolve":3,"d":260},{"resolve":2,"d":310},{"resolve":1,"d":340},{"res":["#1","#2","#3","#4","#5"]}]

    async function test4() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 2 //同takeLimit=0(無限制同時執行數量), 因rs已事先初始化就執行故無法受takeLimit控管
            let rs = [1, 2, 3, 4, 5].map(function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            })
            pmMap(rs, null, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test4')
    let r4 = await test4()
    console.log(JSON.stringify(r4))
    // test4
    // call 1
    // call 2
    // call 3
    // call 4
    // call 5
    // resolve 5 d 100
    // resolve 4 d 190
    // resolve 3 d 260
    // resolve 2 d 310
    // resolve 1 d 340
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"call":2},{"call":3},{"call":4},{"call":5},{"resolve":5,"d":100},{"resolve":4,"d":190},{"resolve":3,"d":260},{"resolve":2,"d":310},{"resolve":1,"d":340},{"res":["#1","#2","#3","#4","#5"]}]

    async function test5() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 1 //takeLimit=1循序執行, 執行到3先catch而跳出pmMap, 故其他任務4與5不會執行
            pmMap([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        if (v === 3) {
                            console.log('reject', v, 'd', d)
                            ms.push({ reject: v, d })
                            reject('#' + v)
                        }
                        else {
                            console.log('resolve', v, 'd', d)
                            ms.push({ resolve: v, d })
                            resolve('#' + v)
                        }
                    }, d)
                })
            }, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test5')
    let r5 = await test5()
    console.log(JSON.stringify(r5))
    // test5
    // call 1
    // resolve 1 d 340
    // call 2
    // resolve 2 d 310
    // call 3
    // reject 3 d 260
    // catch "#3"
    // [{"call":1},{"resolve":1,"d":340},{"call":2},{"resolve":2,"d":310},{"call":3},{"reject":3,"d":260},{"err":"#3"}]

    async function test6() {
        return new Promise((resolve, reject) => {
            let ms = []
            let takeLimit = 0 //無限制同時執行數量, 會於3先catch而跳出pmMap, 但因順發同時執行(1~5都已call), 故3 catch(260m)之後還會有resolve 1(340)與2(310)
            pmMap([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        if (v === 3) {
                            console.log('reject', v, 'd', d)
                            ms.push({ reject: v, d })
                            reject('#' + v)
                        }
                        else {
                            console.log('resolve', v, 'd', d)
                            ms.push({ resolve: v, d })
                            resolve('#' + v)
                        }
                    }, d)
                })
            }, takeLimit)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test6')
    let r6 = await test6()
    console.log(JSON.stringify(r6))
    // test6
    // call 1
    // call 2
    // call 3
    // call 4
    // call 5
    // resolve 5 d 100
    // resolve 4 d 190
    // reject 3 d 260
    // catch "#3"
    // [{"call":1},{"call":2},{"call":3},{"call":4},{"call":5},{"resolve":5,"d":100},{"resolve":4,"d":190},{"reject":3,"d":260},{"err":"#3"}]
    // resolve 2 d 310
    // resolve 1 d 340

    let delay = () => {
        return new Promise(function(resolve, reject) {
            setTimeout(function() {
                resolve()
            }, 700)
        })
    }
    await delay()

    async function test7() {
        return new Promise((resolve, reject) => {
            let ms = []
            pmMap({
                t1: 1,
                t2: 2.345,
                t3: 'abc',
            }, function (v, k) {
                return new Promise(function(resolve, reject) {
                    resolve(`k=${k},v=${v}`)
                })
            },)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })
        })
    }
    console.log('test7')
    let r7 = await test7()
    console.log(JSON.stringify(r7))
    // test7
    // then ["k=t1,v=1","k=t2,v=2.345","k=t3,v=abc"]
    // [{"res":["k=t1,v=1","k=t2,v=2.345","k=t3,v=abc"]}]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
rs Array

輸入資料陣列,若不給fn則rs需要為Promise陣列

fun function

輸入循序執行值的呼叫函數

takeLimit Integer <optional>
0

輸入同時處理數量整數,預設0,代表無限制

Returns:

回傳Promise,resolve為成功結果,reject為失敗結果

Type
Promise

(static) pmQueue(takeLimitopt, takeLastopt) → {function}

Description:
  • 通過佇列限制與呼叫非同步(Promise)函數,可推入不同之非同步函數,將一併受限

    通過new建構,呼叫時輸入不同之非同步函數,以及其輸入參數,會推入佇列後並循序等待執行

    可限制同時運行的非同步函數總數量(takeLimit>0),可只取最後呼叫的非同步函數進行防抖功能(takeLast=true),代表前面的呼叫皆自動轉為catch,而其回傳訊息為物件{reason:'cancelled'}

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmq = pmQueue(1) //同時處理1個

            function fun1(v) {
                console.log('call fun1')
                ms.push('call fun1')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun1 resolve: ' + v)
                        resolve('#' + v)
                    }, 300)
                })
            }

            function fun2(v) {
                console.log('call fun2')
                ms.push('call fun2')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun2 resolve: ' + v)
                        resolve('#' + v)
                    }, 200)
                })
            }

            function fun3(v) {
                console.log('call fun3')
                ms.push('call fun3')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun3 resolve: ' + v)
                        resolve('#' + v)
                    }, 100)
                })
            }

            pmq(fun1, 'inp1')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun2, 'inp2')
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun3, 'inp3')
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })
            setTimeout(function() {
                resolve(ms)
            }, 700)
        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // call fun1
    // t1 then #inp1
    // call fun2
    // t2 then #inp2
    // call fun3
    // t3 then #inp3
    // ["call fun1","fun1 resolve: inp1","t1 then: #inp1","call fun2","fun2 resolve: inp2","t2 then: #inp2","call fun3","fun3 resolve: inp3","t3 then: #inp3"]

    async function test2() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmq = pmQueue(2) //同時處理2個

            function fun1(v) {
                console.log('call fun1')
                ms.push('call fun1')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun1 resolve: ' + v)
                        resolve('#' + v)
                    }, 300)
                })
            }

            function fun2(v) {
                console.log('call fun2')
                ms.push('call fun2')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun2 resolve: ' + v)
                        resolve('#' + v)
                    }, 200)
                })
            }

            function fun3(v) {
                console.log('call fun3')
                ms.push('call fun3')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun3 resolve: ' + v)
                        resolve('#' + v)
                    }, 100)
                })
            }

            pmq(fun1, 'inp1')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun2, 'inp2')
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun3, 'inp3')
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })
            setTimeout(function() {
                resolve(ms)
            }, 700)
        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // call fun1
    // call fun2
    // t2 then #inp2
    // call fun3
    // t1 then #inp1
    // t3 then #inp3
    // ["call fun1","call fun2","fun2 resolve: inp2","t2 then: #inp2","call fun3","fun1 resolve: inp1","t1 then: #inp1","fun3 resolve: inp3","t3 then: #inp3"]

    async function test3() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmq = pmQueue(null) //同時處理全部

            function fun1(v) {
                console.log('call fun1')
                ms.push('call fun1')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun1 resolve: ' + v)
                        resolve('#' + v)
                    }, 300)
                })
            }

            function fun2(v) {
                console.log('call fun2')
                ms.push('call fun2')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun2 resolve: ' + v)
                        resolve('#' + v)
                    }, 200)
                })
            }

            function fun3(v) {
                console.log('call fun3')
                ms.push('call fun3')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun3 resolve: ' + v)
                        resolve('#' + v)
                    }, 100)
                })
            }

            pmq(fun1, 'inp1')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun2, 'inp2')
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun3, 'inp3')
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })
            setTimeout(function() {
                resolve(ms)
            }, 700)
        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // call fun1
    // call fun2
    // call fun3
    // t3 then #inp3
    // t2 then #inp2
    // t1 then #inp1
    // ["call fun1","call fun2","call fun3","fun3 resolve: inp3","t3 then: #inp3","fun2 resolve: inp2","t2 then: #inp2","fun1 resolve: inp1","t1 then: #inp1"]

    async function test4() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmq = pmQueue(null, true) //同時處理全部, 但只拿最後執行者的結果

            function fun1(v) {
                console.log('call fun1')
                ms.push('call fun1')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun1 resolve: ' + v)
                        resolve('#' + v)
                    }, 300)
                })
            }

            function fun2(v) {
                console.log('call fun2')
                ms.push('call fun2')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun2 resolve: ' + v)
                        resolve('#' + v)
                    }, 200)
                })
            }

            function fun3(v) {
                console.log('call fun3')
                ms.push('call fun3')
                return new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        ms.push('fun3 resolve: ' + v)
                        resolve('#' + v)
                    }, 100)
                })
            }

            pmq(fun1, 'inp1')
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun2, 'inp2')
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmq(fun3, 'inp3')
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })
            setTimeout(function() {
                resolve(ms)
            }, 700)
        })
    }
    console.log('test4')
    let r4 = await test4()
    console.log(JSON.stringify(r4))
    // test4
    // call fun1
    // call fun2
    // call fun3
    // t3 then #inp3
    // t2 catch { reason: 'cancelled' }
    // t1 catch { reason: 'cancelled' }
    // ["call fun1","call fun2","call fun3","fun3 resolve: inp3","t3 then: #inp3","fun2 resolve: inp2","t2 catch: reason cancelled","fun1 resolve: inp1","t1 catch: reason cancelled"]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
takeLimit Integer <optional>
0

輸入同時處理數量整數,預設0,代表無限制

takeLast Boolean <optional>
false

輸入多次觸發時是否只取最後呼叫的非同步函數,預設false,搭配takeLimit=0進行非同步函數防抖

Returns:

回傳Function,第1參數為非同步函數,第2參數之後為欲輸入非同步函數之參數。回傳為Promise,resolve回傳成功結果而reject回傳失敗訊息

Type
function

(static) pmSeries(rs, fun) → {Promise}

Description:
  • Promise的mapSeries,循序執行Promise

    若輸入rs為資料陣列則fn需將數據處理並回傳Promise,若輸入rs為Promise陣列則fn可不給,並循序執行各Promise。 使用函數執行時,等同於pmMap使用函數執行且takeLimit=1,promise依序執行完畢才會調用下一個promise。 先行產生promise時,等同於pmMap使用函數執行且takeLimit=0,或是等同於pmMap先行產生promise,各promise直接執行視各自執行時間結束。

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            //通過function調用產生promise, 各promise循序調用
            pmSeries([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            })
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })

        })

    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // call 1
    // resolve 1 d 340
    // call 2
    // resolve 2 d 310
    // call 3
    // resolve 3 d 260
    // call 4
    // resolve 4 d 190
    // call 5
    // resolve 5 d 100
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"resolve":1,"d":340},{"call":2},{"resolve":2,"d":310},{"call":3},{"resolve":3,"d":260},{"call":4},{"resolve":4,"d":190},{"call":5},{"resolve":5,"d":100},{"res":["#1","#2","#3","#4","#5"]}]

    async function test2() {
        return new Promise((resolve, reject) => {
            let ms = []

            //通過function調用產生promise, 各promise循序調用, 於3會觸發reject而跳出pmSeries
            pmSeries([1, 2, 3, 4, 5], function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        if (v === 3) {
                            console.log('reject', v, 'd', d)
                            ms.push({ reject: v, d })
                            reject('#' + v)
                        }
                        else {
                            console.log('resolve', v, 'd', d)
                            ms.push({ resolve: v, d })
                            resolve('#' + v)
                        }
                    }, d)
                })
            })
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })

        })

    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // call 1
    // resolve 1 d 340
    // call 2
    // resolve 2 d 310
    // call 3
    // reject 3 d 260
    // catch "#3"
    // [{"call":1},{"resolve":1,"d":340},{"call":2},{"resolve":2,"d":310},{"call":3},{"reject":3,"d":260},{"err":"#3"}]

    async function test3() {
        return new Promise((resolve, reject) => {
            let ms = []

            //先產生promise, 因事先初始化故各promise會依照各自執行時間結束
            let rs = [1, 2, 3, 4, 5].map(function (v, k) {
                return new Promise(function(resolve, reject) {
                    let d = 400 - ((v ** 2) * 10 + 50)
                    console.log('call', v)
                    ms.push({ call: v })
                    setTimeout(function() {
                        console.log('resolve', v, 'd', d)
                        ms.push({ resolve: v, d })
                        resolve('#' + v)
                    }, d)
                })
            })
            pmSeries(rs, null)
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })

        })

    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // call 1
    // call 2
    // call 3
    // call 4
    // call 5
    // resolve 5 d 100
    // resolve 4 d 190
    // resolve 3 d 260
    // resolve 2 d 310
    // resolve 1 d 340
    // then ["#1","#2","#3","#4","#5"]
    // [{"call":1},{"call":2},{"call":3},{"call":4},{"call":5},{"resolve":5,"d":100},{"resolve":4,"d":190},{"resolve":3,"d":260},{"resolve":2,"d":310},{"resolve":1,"d":340},{"res":["#1","#2","#3","#4","#5"]}]

    async function test4() {
        return new Promise((resolve, reject) => {
            let ms = []

            //通過function調用產生promise, 各promise循序調用
            pmSeries({
                t1: 1,
                t2: 2.345,
                t3: 'abc',
            }, function (v, k) {
                return new Promise(function(resolve, reject) {
                    resolve(`k=${k},v=${v}`)
                })
            })
                .then(function(res) {
                    console.log('then', JSON.stringify(res))
                    ms.push({ res })
                    resolve(ms)
                })
                .catch(function(err) {
                    console.log('catch', JSON.stringify(err))
                    ms.push({ err })
                    resolve(ms)
                })

        })

    }
    console.log('test4')
    let r4 = await test4()
    console.log(JSON.stringify(r4))
    // test4
    // then ["k=t1,v=1","k=t2,v=2.345","k=t3,v=abc"]
    // [{"res":["k=t1,v=1","k=t2,v=2.345","k=t3,v=abc"]}]

}
topAsync().catch(() => {})
Parameters:
Name Type Description
rs Array

輸入資料陣列,若不給fn則rs需要為Promise陣列

fun function

輸入循序執行值的呼叫函數

Returns:

回傳Promise,resolve為成功結果,reject為失敗結果

Type
Promise

(static) pmThrottle() → {function}

Description:
  • 非同步函數進行節流

    同時會執行多個佇列(非同步函數),但若有一個佇列先執行完畢,則其他佇列皆會自動轉為catch,回傳訊息為物件{reason:'cancelled'}

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test1() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmt = pmThrottle()

            let fun = function (name, t) {
                return new Promise(function(resolve, reject) {
                    setTimeout(() => {
                        console.log('resolve: ' + name + ', t: ' + t)
                        resolve('resolve: ' + name + ', t: ' + t)
                    }, t)
                })
            }

            pmt(fun, 't1', 150)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun, 't2', 100)
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun, 't3', 50)
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })

            setTimeout(() => {
                pmt(fun, 't4', 50)
                    .then((msg) => {
                        console.log('t4 then', msg)
                        ms.push('t4 then: ' + msg)
                    })
                    .catch((msg) => {
                        console.log('t4 catch', msg)
                        ms.push('t4 catch: ' + 'reason ' + msg.reason)
                    })
                    .finally(() => {
                        resolve(ms)
                    })
            }, 200)

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // t1 catch { reason: 'cancelled' }
    // t2 catch { reason: 'cancelled' }
    // resolve: t3, t: 50
    // t3 then resolve: t3, t: 50
    // resolve: t4, t: 50
    // t4 then resolve: t4, t: 50
    // ["t1 catch: reason cancelled","t2 catch: reason cancelled","t3 then: resolve: t3, t: 50","t4 then: resolve: t4, t: 50"]

    async function test2() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmt = pmThrottle()

            let fun1 = function (name, t) {
                return new Promise(function(resolve, reject) {
                    setTimeout(() => {
                        console.log('fun1 resolve: ' + name + ', t: ' + t)
                        resolve('fun1 resolve: ' + name + ', t: ' + t)
                    }, t)
                })
            }

            let fun2 = function (name, t) {
                return new Promise(function(resolve, reject) {
                    setTimeout(() => {
                        console.log('fun2 resolve: ' + name + ', t: ' + t)
                        resolve('fun2 resolve: ' + name + ', t: ' + t)
                    }, t)
                })
            }

            //測試不同函數fun1與fun2
            pmt(fun1, 't1', 150)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun2, 't2', 100)
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun2, 't3', 50)
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })

            setTimeout(() => {
                pmt(fun1, 't4', 50)
                    .then((msg) => {
                        console.log('t4 then', msg)
                        ms.push('t4 then: ' + msg)
                    })
                    .catch((msg) => {
                        console.log('t4 catch', msg)
                        ms.push('t4 catch: ' + 'reason ' + msg.reason)
                    })
                    .finally(() => {
                        resolve(ms)
                    })
            }, 200)

        })
    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // t1 catch { reason: 'cancelled' }
    // t2 catch { reason: 'cancelled' }
    // fun2 resolve: t3, t: 50
    // t3 then fun2 resolve: t3, t: 50
    // fun1 resolve: t4, t: 50
    // t4 then fun1 resolve: t4, t: 50
    // ["t1 catch: reason cancelled","t2 catch: reason cancelled","t3 then: fun2 resolve: t3, t: 50","t4 then: fun1 resolve: t4, t: 50"]

    async function test3() {
        return new Promise((resolve, reject) => {

            let ms = []
            let pmt = pmThrottle()

            let i = 0
            let fun = function () {
                return new Promise(function(resolve, reject) {
                    setTimeout(() => {
                        i++
                        console.log('resolve: ' + i)
                        resolve('resolve: ' + i)
                    }, 100)
                })
            }

            //測試無輸入參數
            pmt(fun)
                .then(function(msg) {
                    console.log('t1 then', msg)
                    ms.push('t1 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t1 catch', msg)
                    ms.push('t1 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun)
                .then(function(msg) {
                    console.log('t2 then', msg)
                    ms.push('t2 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t2 catch', msg)
                    ms.push('t2 catch: ' + 'reason ' + msg.reason)
                })
            pmt(fun)
                .then(function(msg) {
                    console.log('t3 then', msg)
                    ms.push('t3 then: ' + msg)
                })
                .catch(function(msg) {
                    console.log('t3 catch', msg)
                    ms.push('t3 catch: ' + 'reason ' + msg.reason)
                })

            setTimeout(() => {
                pmt(fun)
                    .then((msg) => {
                        console.log('t4 then', msg)
                        ms.push('t4 then: ' + msg)
                    })
                    .catch((msg) => {
                        console.log('t4 catch', msg)
                        ms.push('t4 catch: ' + 'reason ' + msg.reason)
                    })
                    .finally(() => {
                        resolve(ms)
                    })
            }, 200)

        })
    }
    console.log('test3')
    let r3 = await test3()
    console.log(JSON.stringify(r3))
    // test3
    // t1 catch { reason: 'cancelled' }
    // t2 catch { reason: 'cancelled' }
    // core: resolve: 1
    // t3 then resolve: 1
    // core: resolve: 2
    // t4 then resolve: 2
    // ["t1 catch: reason cancelled","t2 catch: reason cancelled","t3 then: resolve: 1","t4 then: resolve: 2"]

}
topAsync().catch(() => {})
Returns:

回傳Function,輸入為非同步函數與其輸入,會推入佇列後並循序等待執行,回傳為Promise,resolve回傳成功結果而reject回傳失敗訊息

Type
function

(static) pseudoRandom(seedopt, returnFunopt) → {Number}

Description:
Source:
Example
Try in Codepen
let r

r = pseudoRandom()
console.log('pseudoRandom', r)
// => pseudoRandom [0,1)

r = pseudoRandom(123)
console.log('seed=123', r)
// => seed=123 0.6964691872708499

r = pseudoRandom(12.3)
console.log('seed=12.3', r)
// => seed=12.3 0.8510874302592129

r = pseudoRandom('abc')
console.log('seed=abc', r)
// => seed=abc 0.6314232510048896

r = pseudoRandom('abc')
console.log('seed=abc', r)
// => seed=abc 0.6314232510048896

r = pseudoRandom('def')
console.log('seed=def', r)
// => seed=def 0.9743434484116733

r = pseudoRandom('BH01S123')
console.log('seed=BH01S123', r)
// => seed=BH01S123 0.007978770649060607

r = pseudoRandom('BH-01:S-123')
console.log('seed=BH-01:S-123', r)
// => seed=BH01S123 0.9579511017072946
Parameters:
Name Type Attributes Default Description
seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

returnFun Boolean <optional>
false

輸入是否回傳產生函數布林值,預設false

Returns:

回傳隨機數字

Type
Number

(static) pseudoRandomIntRange(vstartopt, vendopt, seedopt) → {Integer}

Description:
  • 產生位於指定範圍內偽隨機整數,值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = pseudoRandomIntRange()
console.log('pseudoRandomIntRange', r)
// => pseudoRandomIntRange 43 (預設範圍為0至100)

r = pseudoRandomIntRange(0, 100)
console.log('pseudoRandomIntRange(0, 100)', r)
// => pseudoRandomIntRange(0, 100) 57 //因第2次呼叫故值會不同, 但維持呼叫次數順序時重複執行仍會相同

r = pseudoRandomIntRange(123, 4567)
console.log('pseudoRandomIntRange(123, 4567)', r)
// => pseudoRandomIntRange(123, 4567) 2571

r = pseudoRandomIntRange(null, null, 123)
console.log('pseudoRandomIntRange(null, null, 123)', r)
// => pseudoRandomIntRange(null, null, 123) 70

r = pseudoRandomIntRange(null, null, 12.3)
console.log('pseudoRandomIntRange(null, null, 12.3)', r)
// => pseudoRandomIntRange(null, null, 12.3) 85

r = pseudoRandomIntRange(null, null, 'abc')
console.log('pseudoRandomIntRange(null, null, "abc")', r)
// => pseudoRandomIntRange(null, null, "abc") 63

r = pseudoRandomIntRange(null, null, 'abc')
console.log('pseudoRandomIntRange(null, null, "abc")', r)
// => pseudoRandomIntRange(null, null, "abc") 63

r = pseudoRandomIntRange(null, null, 'def')
console.log('pseudoRandomIntRange(null, null, "def")', r)
// => pseudoRandomIntRange(null, null, "def") 98

r = pseudoRandomIntRange(null, null, 'BH01S123')
console.log('pseudoRandomIntRange(null, null, "BH01S123")', r)
// => pseudoRandomIntRange(null, null, "BH01S123") 0

r = pseudoRandomIntRange(null, null, 'BH-01:S-123')
console.log('pseudoRandomIntRange(null, null, "BH-01:S-123")', r)
// => pseudoRandomIntRange(null, null, "BH-01:S-123") 96

r = pseudoRandomIntRange(0, 100, 123)
console.log('pseudoRandomIntRange(0, 100, 123)', r)
// => pseudoRandomIntRange(0, 100, 123) 70

r = pseudoRandomIntRange(0, 100, 12.3)
console.log('pseudoRandomIntRange(0, 100, 12.3)', r)
// => pseudoRandomIntRange(0, 100, 12.3) 85

r = pseudoRandomIntRange(0, 100, 'abc')
console.log('pseudoRandomIntRange(0, 100, "abc")', r)
// => pseudoRandomIntRange(0, 100, "abc") 63

r = pseudoRandomIntRange(0, 100, 'abc')
console.log('pseudoRandomIntRange(0, 100, "abc")', r)
// => pseudoRandomIntRange(0, 100, "abc") 63

r = pseudoRandomIntRange(0, 100, 'def')
console.log('pseudoRandomIntRange(0, 100, "def")', r)
// => pseudoRandomIntRange(0, 100, "def") 98

r = pseudoRandomIntRange(0, 100, 'BH01S123')
console.log('pseudoRandomIntRange(0, 100, "BH01S123")', r)
// => pseudoRandomIntRange(0, 100, "BH01S123") 0

r = pseudoRandomIntRange(0, 100, 'BH-01:S-123')
console.log('pseudoRandomIntRange(0, 100, "BH-01:S-123")', r)
// => pseudoRandomIntRange(0, 100, "BH-01:S-123") 96

r = pseudoRandomIntRange(123, 4567, 123)
console.log('pseudoRandomIntRange(123, 4567, 123)', r)
// => pseudoRandomIntRange(123, 4567, 123) 3218

r = pseudoRandomIntRange(123, 4567, 12.3)
console.log('pseudoRandomIntRange(123, 4567, 12.3)', r)
// => pseudoRandomIntRange(123, 4567, 12.3) 3906

r = pseudoRandomIntRange(123, 4567, 'abc')
console.log('pseudoRandomIntRange(123, 456.7, "abc")', r)
// => pseudoRandomIntRange(123, 456.7, "abc") 2929

r = pseudoRandomIntRange(123, 4567, 'abc')
console.log('pseudoRandomIntRange(123, 456.7, "abc")', r)
// => pseudoRandomIntRange(123, 456.7, "abc") 2929

r = pseudoRandomIntRange(123, 4567, 'def')
console.log('pseudoRandomIntRange(123, 456.7, "def")', r)
// => pseudoRandomIntRange(123, 456.7, "def") 4453

r = pseudoRandomIntRange(123, 4567, 'BH01S123')
console.log('pseudoRandomIntRange(123, 456.7, "BH01S123")', r)
// => pseudoRandomIntRange(123, 456.7, "BH01S123") 158

r = pseudoRandomIntRange(123, 4567, 'BH-01:S-123')
console.log('pseudoRandomIntRange(123, 456.7, "BH-01:S-123")', r)
// => pseudoRandomIntRange(123, 456.7, "BH-01:S-123") 4381
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) pseudoRandomIntsNdpRange(vstartopt, vendopt, nopt, seedopt) → {Integer}

Description:
  • 產生位於指定範圍內不重複之偽隨機整數陣列,各元素值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = pseudoRandomIntsNdpRange()
console.log('pseudoRandomIntsNdpRange', rs)
// => pseudoRandomIntsNdpRange [ 1 ] (預設範圍為0至100)

rs = pseudoRandomIntsNdpRange(0, 100)
console.log('pseudoRandomIntsNdpRange(0, 100)', rs)
// => pseudoRandomIntsNdpRange(0, 100) [ 85 ] //因第2次呼叫故值會不同, 但維持呼叫次數順序時重複執行仍會相同

rs = pseudoRandomIntsNdpRange(0, 100, 2)
console.log('pseudoRandomIntsNdpRange(0, 100)', rs)
// => pseudoRandomIntsNdpRange(0, 100) [ 59, 20 ]

rs = pseudoRandomIntsNdpRange(123, 4567)
console.log('pseudoRandomIntsNdpRange(123, 4567)', rs)
// => pseudoRandomIntsNdpRange(123, 4567) [ 3951 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 123)
console.log('pseudoRandomIntsNdpRange(null, null, 2, 123)', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, 123) [ 94, 76 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 12.3)
console.log('pseudoRandomIntsNdpRange(null, null, 2, 12.3)', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, 12.3) [ 69, 82 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(null, null, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, "abc") [ 20, 28 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(null, null, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, "abc") [ 20, 28 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 'def')
console.log('pseudoRandomIntsNdpRange(null, null, 2, "def")', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, "def") [ 64, 34 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 'BH01S123')
console.log('pseudoRandomIntsNdpRange(null, null, 2, "BH01S123")', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, "BH01S123") [ 0, 26 ]

rs = pseudoRandomIntsNdpRange(null, null, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsNdpRange(null, null, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsNdpRange(null, null, 2, "BH-01:S-123") [ 71, 77 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 123)
console.log('pseudoRandomIntsNdpRange(0, 100, 2, 123)', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, 123) [ 94, 76 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 12.3)
console.log('pseudoRandomIntsNdpRange(0, 100, 2, 12.3)', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, 12.3) [ 69, 82 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(0, 100, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, "abc") [ 20, 28 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(0, 100, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, "abc") [ 20, 28 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 'def')
console.log('pseudoRandomIntsNdpRange(0, 100, 2, "def")', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, "def") [ 64, 34 ]

rs = pseudoRandomIntsNdpRange(0, 100, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsNdpRange(0, 100, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsNdpRange(0, 100, 2, "BH-01:S-123") [ 71, 77 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 123)
console.log('pseudoRandomIntsNdpRange(123, 4567, 2, 123)', rs)
// => pseudoRandomIntsNdpRange(123, 4567, 2, 123) [ 2528, 3854 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 12.3)
console.log('pseudoRandomIntsNdpRange(123, 4567, 2, 12.3)', rs)
// => pseudoRandomIntsNdpRange(123, 4567, 2, 12.3) [ 1818, 4334 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(123, 456.7, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(123, 456.7, 2, "abc") [ 478, 3303 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 'abc')
console.log('pseudoRandomIntsNdpRange(123, 456.7, 2, "abc")', rs)
// => pseudoRandomIntsNdpRange(123, 456.7, 2, "abc") [ 478, 3303 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 'def')
console.log('pseudoRandomIntsNdpRange(123, 456.7, 2, "def")', rs)
// => pseudoRandomIntsNdpRange(123, 456.7, 2, "def") [ 983, 3133 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 'BH01S123')
console.log('pseudoRandomIntsNdpRange(123, 456.7, 2, "BH01S123")', rs)
// => pseudoRandomIntsNdpRange(123, 456.7, 2, "BH01S123") [ 2866, 183 ]

rs = pseudoRandomIntsNdpRange(123, 4567, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsNdpRange(123, 456.7, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsNdpRange(123, 456.7, 2, "BH-01:S-123") [ 3888, 249 ]
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

n Integer <optional>
1

輸入產生數量整數,最長為vend-vstart+1個,預設1

seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) pseudoRandomIntsRange(vstartopt, vendopt, nopt, seedopt) → {Integer}

Description:
  • 產生位於指定範圍內偽隨機整數陣列,各元素值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = pseudoRandomIntsRange()
console.log('pseudoRandomIntsRange', rs)
// => pseudoRandomIntsRange [ 42 ] (預設範圍為0至100)

rs = pseudoRandomIntsRange(0, 100)
console.log('pseudoRandomIntsRange(0, 100)', rs)
// => pseudoRandomIntsRange(0, 100) [ 57 ] //因第2次呼叫故值會不同, 但維持呼叫次數順序時重複執行仍會相同

rs = pseudoRandomIntsRange(0, 100, 2)
console.log('pseudoRandomIntsRange(0, 100)', rs)
// => pseudoRandomIntsRange(0, 100) [ 55, 93 ]

rs = pseudoRandomIntsRange(123, 4567)
console.log('pseudoRandomIntsRange(123, 4567)', rs)
// => pseudoRandomIntsRange(123, 4567) [ 280 ]

rs = pseudoRandomIntsRange(null, null, 2, 123)
console.log('pseudoRandomIntsRange(null, null, 2, 123)', rs)
// => pseudoRandomIntsRange(null, null, 2, 123) [ 70, 28 ]

rs = pseudoRandomIntsRange(null, null, 2, 12.3)
console.log('pseudoRandomIntsRange(null, null, 2, 12.3)', rs)
// => pseudoRandomIntsRange(null, null, 2, 12.3) [ 85, 55 ]

rs = pseudoRandomIntsRange(null, null, 2, 'abc')
console.log('pseudoRandomIntsRange(null, null, 2, "abc")', rs)
// => pseudoRandomIntsRange(null, null, 2, "abc") [ 63, 72 ]

rs = pseudoRandomIntsRange(null, null, 2, 'abc')
console.log('pseudoRandomIntsRange(null, null, 2, "abc")', rs)
// => pseudoRandomIntsRange(null, null, 2, "abc") [ 63, 72 ]

rs = pseudoRandomIntsRange(null, null, 2, 'def')
console.log('pseudoRandomIntsRange(null, null, 2, "def")', rs)
// => pseudoRandomIntsRange(null, null, 2, "def") [ 98, 65 ]

rs = pseudoRandomIntsRange(null, null, 2, 'BH01S123')
console.log('pseudoRandomIntsRange(null, null, 2, "BH01S123")', rs)
// => pseudoRandomIntsRange(null, null, 2, "BH01S123") [ 0, 56 ]

rs = pseudoRandomIntsRange(null, null, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsRange(null, null, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsRange(null, null, 2, "BH-01:S-123") [ 96, 25 ]

rs = pseudoRandomIntsRange(0, 100, 2, 123)
console.log('pseudoRandomIntsRange(0, 100, 2, 123)', rs)
// => pseudoRandomIntsRange(0, 100, 2, 123) [ 70, 28 ]

rs = pseudoRandomIntsRange(0, 100, 2, 12.3)
console.log('pseudoRandomIntsRange(0, 100, 2, 12.3)', rs)
// => pseudoRandomIntsRange(0, 100, 2, 12.3) [ 85, 55 ]

rs = pseudoRandomIntsRange(0, 100, 2, 'abc')
console.log('pseudoRandomIntsRange(0, 100, 2, "abc")', rs)
// => pseudoRandomIntsRange(0, 100, 2, "abc") [ 63, 72 ]

rs = pseudoRandomIntsRange(0, 100, 2, 'abc')
console.log('pseudoRandomIntsRange(0, 100, 2, "abc")', rs)
// => pseudoRandomIntsRange(0, 100, 2, "abc") [ 63, 72 ]

rs = pseudoRandomIntsRange(0, 100, 2, 'def')
console.log('pseudoRandomIntsRange(0, 100, 2, "def")', rs)
// => pseudoRandomIntsRange(0, 100, 2, "def") [ 98, 65 ]

rs = pseudoRandomIntsRange(0, 100, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsRange(0, 100, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsRange(0, 100, 2, "BH-01:S-123") [ 96, 25 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 123)
console.log('pseudoRandomIntsRange(123, 4567, 2, 123)', rs)
// => pseudoRandomIntsRange(123, 4567, 2, 123) [ 3218, 1374 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 12.3)
console.log('pseudoRandomIntsRange(123, 4567, 2, 12.3)', rs)
// => pseudoRandomIntsRange(123, 4567, 2, 12.3) [ 3906, 2565 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 'abc')
console.log('pseudoRandomIntsRange(123, 456.7, 2, "abc")', rs)
// => pseudoRandomIntsRange(123, 456.7, 2, "abc") [ 2929, 3305 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 'abc')
console.log('pseudoRandomIntsRange(123, 456.7, 2, "abc")', rs)
// => pseudoRandomIntsRange(123, 456.7, 2, "abc") [ 2929, 3305 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 'def')
console.log('pseudoRandomIntsRange(123, 456.7, 2, "def")', rs)
// => pseudoRandomIntsRange(123, 456.7, 2, "def") [ 4453, 3018 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 'BH01S123')
console.log('pseudoRandomIntsRange(123, 456.7, 2, "BH01S123")', rs)
// => pseudoRandomIntsRange(123, 456.7, 2, "BH01S123") [ 158, 2628 ]

rs = pseudoRandomIntsRange(123, 4567, 2, 'BH-01:S-123')
console.log('pseudoRandomIntsRange(123, 456.7, 2, "BH-01:S-123")', rs)
// => pseudoRandomIntsRange(123, 456.7, 2, "BH-01:S-123") [ 4381, 1227 ]
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

n Integer <optional>
1

輸入產生數量整數,預設1

seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) pseudoRandomRange(vstartopt, vendopt, seedopt) → {Number}

Description:
  • 產生位於指定範圍內偽隨機數,值域為[vstart,vend),代表值會大於等於vstart但小於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = pseudoRandomRange()
console.log('pseudoRandomRange', r)
// => pseudoRandomRange 0.4170219984371215 (預設範圍為0至1)

r = pseudoRandomRange(0, 1)
console.log('pseudoRandomRange(0,1)', r)
// => pseudoRandomRange(0,1) 0.5665697017684579 //因第2次呼叫故值會不同, 但維持呼叫次數順序時重複執行仍會相同

r = pseudoRandomRange(12.3, 456.7)
console.log('pseudoRandomRange(12.3, 456.7)', r)
// => pseudoRandomRange(12.3, 456.7) 257.074588704668

r = pseudoRandomRange(null, null, 123)
console.log('pseudoRandomRange(null, null, 123)', r)
// => pseudoRandomRange(null, null, 123) 0.6964691872708499

r = pseudoRandomRange(null, null, 12.3)
console.log('pseudoRandomRange(null, null, 12.3)', r)
// => pseudoRandomRange(null, null, 12.3) 0.8510874302592129

r = pseudoRandomRange(null, null, 'abc')
console.log('pseudoRandomRange(null, null, "abc")', r)
// => pseudoRandomRange(null, null, 'abc') 0.6314232510048896

r = pseudoRandomRange(null, null, 'abc')
console.log('pseudoRandomRange(null, null, "abc")', r)
// => pseudoRandomRange(null, null, 'abc') 0.6314232510048896

r = pseudoRandomRange(null, null, 'def')
console.log('pseudoRandomRange(null, null, "def")', r)
// => pseudoRandomRange(null, null, 'def') 0.9743434484116733

r = pseudoRandomRange(null, null, 'BH01S123')
console.log('pseudoRandomRange(null, null, "BH01S123")', r)
// => pseudoRandomRange(null, null, 'BH01S123') 0.007978770649060607

r = pseudoRandomRange(null, null, 'BH-01:S-123')
console.log('pseudoRandomRange(null, null, "BH-01:S-123")', r)
// => pseudoRandomRange(null, null, 'BH-01:S-123') 0.9579511017072946

r = pseudoRandomRange(12.3, 456.7, 123)
console.log('pseudoRandomRange(12.3, 456.7, 123)', r)
// => pseudoRandomRange(12.3, 456.7, 123) 321.81090682316574

r = pseudoRandomRange(12.3, 456.7, 12.3)
console.log('pseudoRandomRange(12.3, 456.7, 12.3)', r)
// => pseudoRandomRange(12.3, 456.7, 12.3) 390.52325400719417

r = pseudoRandomRange(12.3, 456.7, 'abc')
console.log('pseudoRandomRange(12.3, 456.7,"abc")', r)
// => pseudoRandomRange(12.3, 456.7, 'abc') 292.90449274657294

r = pseudoRandomRange(12.3, 456.7, 'abc')
console.log('pseudoRandomRange(12.3, 456.7,"abc")', r)
// => pseudoRandomRange(12.3, 456.7, 'abc') 292.90449274657294

r = pseudoRandomRange(12.3, 456.7, 'def')
console.log('pseudoRandomRange(12.3, 456.7,"def")', r)
// => pseudoRandomRange(12.3, 456.7, 'def') 445.2982284741476

r = pseudoRandomRange(12.3, 456.7, 'BH01S123')
console.log('pseudoRandomRange(12.3, 456.7,"BH01S123")', r)
// => pseudoRandomRange(12.3, 456.7, 'BH01S123') 15.845765676442534

r = pseudoRandomRange(12.3, 456.7, 'BH-01:S-123')
console.log('pseudoRandomRange(12.3, 456.7,"BH-01:S-123")', r)
// => pseudoRandomRange(12.3, 456.7, 'BH-01:S-123') 438.0134695987217
Parameters:
Name Type Attributes Default Description
vstart Number <optional>
0

輸入範圍最小值,預設0

vend Number <optional>
1

輸入範圍最大值,預設1

seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

Returns:

回傳位於指定範圍內隨機數字

Type
Number

(static) pseudoRandomsRange(vstartopt, vendopt, nopt, seedopt) → {Number}

Description:
  • 產生位於指定範圍內偽隨機數陣列,各元素值域為[vstart,vend),代表值會大於等於vstart但小於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = pseudoRandomsRange()
console.log('pseudoRandomsRange', rs)
// => pseudoRandomsRange [ 0.4170219984371215 ] (預設範圍為0至1)

rs = pseudoRandomsRange(0, 1)
console.log('pseudoRandomsRange(0,1)', rs)
// => pseudoRandomsRange(0,1) [ 0.5665697017684579 ] //因第2次呼叫故值會不同, 但維持呼叫次數順序時重複執行仍會相同

rs = pseudoRandomsRange(0, 1, 2)
console.log('pseudoRandomsRange(0,1,2)', rs)
// => pseudoRandomsRange(0,1,2) [ 0.5507979043759406, 0.9240253241732717 ]

rs = pseudoRandomsRange(12.3, 456.7)
console.log('pseudoRandomsRange(12.3, 456.7)', rs)
// => pseudoRandomsRange(12.3, 456.7) [ 28.09080612603575 ]

rs = pseudoRandomsRange(12.3, 456.7, 2)
console.log('pseudoRandomsRange(12.3, 456.7, 2)', rs)
// => pseudoRandomsRange(12.3, 456.7, 2) [ 110.95376535998656, 36.822045660205184 ]

rs = pseudoRandomsRange(null, null, 2, 123)
console.log('pseudoRandomsRange(null, null, 2, 123)', rs)
// => pseudoRandomsRange(null, null, 2, 123) [ 0.6964691872708499, 0.28155276202596724 ]

rs = pseudoRandomsRange(null, null, 2, 12.3)
console.log('pseudoRandomsRange(null, null, 2, 12.3)', rs)
// => pseudoRandomsRange(null, null, 2, 12.3) [ 0.8510874302592129, 0.5495069304015487 ]

rs = pseudoRandomsRange(null, null, 2, 'abc')
console.log('pseudoRandomsRange(null, null, 2, "abc")', rs)
// => pseudoRandomsRange(null, null, 2, 'abc') [ 0.6314232510048896, 0.7160592079162598 ]

rs = pseudoRandomsRange(null, null, 2, 'abc')
console.log('pseudoRandomsRange(null, null, 2, "abc")', rs)
// => pseudoRandomsRange(null, null, 2, 'abc') [ 0.6314232510048896, 0.7160592079162598 ]

rs = pseudoRandomsRange(null, null, 2, 'def')
console.log('pseudoRandomsRange(null, null, 2, "def")', rs)
// => pseudoRandomsRange(null, null, 2, 'def') [ 0.9743434484116733, 0.6514900834299624 ]

rs = pseudoRandomsRange(null, null, 2, 'BH01S123')
console.log('pseudoRandomsRange(null, null, 2, "BH01S123")', rs)
// => pseudoRandomsRange(null, null, 2, 'BH01S123') [ 0.007978770649060607, 0.5637312876060605 ]

rs = pseudoRandomsRange(null, null, 2, 'BH-01:S-123')
console.log('pseudoRandomsRange(null, null, 2, "BH-01:S-123")', rs)
// => pseudoRandomsRange(null, null, 2, 'BH-01:S-123') [ 0.9579511017072946, 0.24845449766144156 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 123)
console.log('pseudoRandomsRange(12.3, 456.7, 2, 123)', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 123) [ 321.81090682316574, 137.42204744433985 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 12.3)
console.log('pseudoRandomsRange(12.3, 456.7, 2, 12.3)', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 12.3) [ 390.52325400719417, 256.5008798704483 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 'abc')
console.log('pseudoRandomsRange(12.3, 456.7, 2, "abc")', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 'abc') [ 292.90449274657294, 330.51671199798585 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 'abc')
console.log('pseudoRandomsRange(12.3, 456.7, 2, "abc")', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 'abc') [ 292.90449274657294, 330.51671199798585 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 'def')
console.log('pseudoRandomsRange(12.3, 456.7, 2, "def")', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 'def') [ 445.2982284741476, 301.8221930762753 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 'BH01S123')
console.log('pseudoRandomsRange(12.3, 456.7, 2, "BH01S123")', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 'BH01S123') [ 15.845765676442534, 262.82218421213327 ]

rs = pseudoRandomsRange(12.3, 456.7, 2, 'BH-01:S-123')
console.log('pseudoRandomsRange(12.3, 456.7, 2, "BH-01:S-123")', rs)
// => pseudoRandomsRange(12.3, 456.7, 2, 'BH-01:S-123') [ 438.0134695987217, 122.71317876074463 ]
Parameters:
Name Type Attributes Default Description
vstart Number <optional>
0

輸入範圍最小值,預設0

vend Number <optional>
1

輸入範圍最大值,預設1

n Integer <optional>
1

輸入產生數量整數,預設1

seed Integer | Number | String <optional>
'start1'

輸入種子seed,給予'start1'為使用初始值1並且隨呼叫次數自增,若為其他則代表使用為指定seed,預設'start1'

Returns:

回傳位於指定範圍內隨機數字

Type
Number

(static) queue(takeLimitopt) → {Object}

Description:
  • 佇列處理器,單生產者單消費者模式,核心使用迭代器,具有消息堵塞與可限定同時處理上限數量功能

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    async function test(takeLimit, timeCallBack) {
        return new Promise((resolve, reject) => {

            //queue
            let q = queue(takeLimit)
            let n = 0
            let ms = []

            //message
            q.on('message', function(qs) {
                console.log('message', JSON.stringify(qs))

                //ms
                ms.push(JSON.parse(JSON.stringify(qs)))

                //get
                let v = q.get()
                if (!v) {
                    return
                }
                console.log('get', v)

                setTimeout(function() {
                    console.log('cb', v)

                    //cb
                    q.cb()

                    //resolve
                    if (v === '$10') {
                        resolve(ms)
                    }

                }, timeCallBack)

            })

            //queues push 1~5
            setTimeout(function() {
                console.log('queues push 1~5')
                let t = setInterval(function() {
                    n += 1
                    q.push('$' + n)
                    if (n === 5) {
                        clearInterval(t)
                    }
                }, 50)
            }, 1)

            //queues push 6~10 by delay 1s
            setTimeout(function() {
                console.log('queues push 6~10')
                let t = setInterval(function() {
                    n += 1
                    q.push('$' + n)
                    if (n === 10) {
                        clearInterval(t)
                    }
                }, 50)
            }, 500)

        })
    }

    console.log('test1')
    let r1 = await test(2, 1000)
    console.log(JSON.stringify(r1))
    // queues push 1~5
    // message ["$1"]
    // get $1
    // message ["$2"]
    // get $2
    // queues push 6~10
    // cb $1
    // message ["$3","$4","$5","$6","$7","$8","$9","$10"]
    // get $3
    // cb $2
    // message ["$4","$5","$6","$7","$8","$9","$10"]
    // get $4
    // cb $3
    // message ["$5","$6","$7","$8","$9","$10"]
    // get $5
    // cb $4
    // message ["$6","$7","$8","$9","$10"]
    // get $6
    // cb $5
    // message ["$7","$8","$9","$10"]
    // get $7
    // cb $6
    // message ["$8","$9","$10"]
    // get $8
    // cb $7
    // message ["$9","$10"]
    // get $9
    // cb $8
    // message ["$10"]
    // get $10
    // cb $9
    // cb $10
    // [["$1"],["$2"],["$3","$4","$5","$6","$7","$8","$9","$10"],["$4","$5","$6","$7","$8","$9","$10"],["$5","$6","$7","$8","$9","$10"],["$6","$7","$8","$9","$10"],["$7","$8","$9","$10"],["$8","$9","$10"],["$9","$10"],["$10"]]

    console.log('test2')
    let r2 = await test(0, 500) //takeLimit=0, timeCallBack=500ms
    console.log(JSON.stringify(r2))
    // test2
    // queues push 1~5
    // message ["$1"]
    // get $1
    // message ["$2"]
    // get $2
    // message ["$3"]
    // get $3
    // message ["$4"]
    // get $4
    // message ["$5"]
    // get $5
    // queues push 6~10
    // message ["$6"]
    // get $6
    // cb $1
    // message ["$7"]
    // get $7
    // cb $2
    // message ["$8"]
    // get $8
    // cb $3
    // message ["$9"]
    // get $9
    // cb $4
    // message ["$10"]
    // get $10
    // cb $5
    // cb $6
    // cb $7
    // cb $8
    // cb $9
    // cb $10
    // [["$1"],["$2"],["$3"],["$4"],["$5"],["$6"],["$7"],["$8"],["$9"],["$10"]]

}
topAsync().catch(() => {})
Parameters:
Name Type Attributes Default Description
takeLimit Integer <optional>
0

輸入同時處理數量整數,預設0,代表無限制

Returns:

回傳事件物件,可呼叫事件on、push、get、cb、clear。on為監聽事件,需自行監聽message事件,push為加入最新佇列消息,get為回傳當前最早佇列消息,cb為於message事件內回調使迭代器可取得下一個佇列消息,clear為清空佇列

Type
Object

(static) random() → {Number}

Description:
  • 產生隨機數,範圍[0,1),代表0≦隨機數<1

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = random()
console.log('random', r)
// => random [0,1) (預設範圍為0至1)
Returns:

回傳隨機數字

Type
Number

(static) randomIntRange(vstartopt, vendopt) → {Integer}

Description:
  • 產生位於指定範圍內隨機整數,值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = randomIntRange()
console.log('randomIntRange', r)
// => randomIntRange [0,100] (預設範圍為0至100)

r = randomIntRange(0, 100)
console.log('randomIntRange(0, 100)', r)
// => randomIntRange(0, 100) [0,100]

r = randomIntRange(123, 4567)
console.log('randomIntRange(123, 4567)', r)
// => randomIntRange(123, 4567) [123,4567]
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) randomIntsNdpRange(vstartopt, vendopt, nopt) → {Integer}

Description:
  • 產生位於指定範圍內不重複之偽隨機整數陣列,各元素值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = randomIntsNdpRange()
console.log('randomIntsNdpRange', rs)
// => randomIntsNdpRange [ [0,100] ] (預設範圍為0至100)

rs = randomIntsNdpRange(0, 100)
console.log('randomIntsNdpRange(0, 100)', rs)
// => randomIntsNdpRange(0, 100) [ [0,100] ]

rs = randomIntsNdpRange(0, 100, 2)
console.log('randomIntsNdpRange(0, 100)', rs)
// => randomIntsNdpRange(0, 100, 2) [ [0,100], [0,100] ]

rs = randomIntsNdpRange(123, 4567)
console.log('randomIntsNdpRange(123, 4567)', rs)
// => randomIntsNdpRange(123, 4567) [ [123,4567], [123,4567] ]

rs = randomIntsNdpRange(123, 4567, 2)
console.log('randomIntsNdpRange(123, 4567, 2)', rs)
// => randomIntsNdpRange(123, 4567, 2) [ [123,4567], [123,4567] ]
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

n Integer <optional>
1

輸入產生數量整數,最長為vend-vstart+1個,預設1

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) randomIntsRange(vstartopt, vendopt, nopt) → {Integer}

Description:
  • 產生位於指定範圍內隨機整數陣列,各元素值域為[vstart,vend],代表值會大於等於vstart且小於等於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = randomIntsRange()
console.log('randomIntsRange', rs)
// => randomIntsRange [ [0,100] ] (預設範圍為0至100)

rs = randomIntsRange(0, 100)
console.log('randomIntsRange(0, 100)', rs)
// => randomIntsRange(0, 100) [ [0,100] ]

rs = randomIntsRange(0, 100, 2)
console.log('randomIntsRange(0, 100, 2)', rs)
// => randomIntsRange(0, 100, 2) [ [0,100], [0,100] ]

rs = randomIntsRange(123, 4567)
console.log('randomIntsRange(123, 4567)', rs)
// => randomIntsRange(123, 4567) [ [123,4567] ]

rs = randomIntsRange(123, 4567, 2)
console.log('randomIntsRange(123, 4567, 2)', rs)
// => randomIntsRange(123, 4567, 2) [ [123,4567], [123,4567] ]
Parameters:
Name Type Attributes Default Description
vstart Integer <optional>
0

輸入範圍最小值整數,預設0

vend Integer <optional>
100

輸入範圍最大值整數,預設100

n Integer <optional>
1

輸入產生數量整數,預設1

Returns:

回傳位於指定範圍內隨機整數

Type
Integer

(static) randomRange(vstartopt, vendopt) → {Number}

Description:
  • 產生位於指定範圍內隨機數,值域為[vstart,vend),代表值會大於等於vstart但小於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = randomRange()
console.log('randomRange', r)
// => randomRange random [0,1) (預設範圍為0至1)

r = randomRange(0, 1)
console.log('randomRange(0,1)', r)
// => randomRange(0,1) random [0,1)

r = randomRange(12.3, 456.7)
console.log('randomRange(12.3, 456.7)', r)
// => randomRange(12.3, 456.7) random [12.3, 456.7)
Parameters:
Name Type Attributes Default Description
vstart Number <optional>
0

輸入範圍最小值,預設0

vend Number <optional>
1

輸入範圍最大值,預設1

Returns:

回傳位於指定範圍內隨機數字

Type
Number

(static) randomsRange(vstartopt, vendopt, nopt) → {Number}

Description:
  • 產生位於指定範圍內隨機數陣列,各元素值域為[vstart,vend),代表值會大於等於vstart但小於vend

    Unit Test: Github

Source:
Example
Try in Codepen
let rs

rs = randomsRange()
console.log('randomsRange', rs)
// => randomsRange [ [0,1) ] (預設範圍為0至1)

rs = randomsRange(0, 1)
console.log('randomsRange(0,1)', rs)
// => randomsRange(0,1) [ [0,1) ]

rs = randomsRange(0, 1, 2)
console.log('randomsRange(0,1,2)', rs)
// => randomsRange(0,1,2) [ [0,1), [0,1) ]

rs = randomsRange(12.3, 456.7)
console.log('randomsRange(12.3, 456.7)', rs)
// => randomsRange(12.3, 456.7) [ [12.3, 456.7) ]

rs = randomsRange(12.3, 456.7, 2)
console.log('randomsRange(12.3, 456.7, 2)', rs)
// => randomsRange(12.3, 456.7, 2) [ [12.3, 456.7), [12.3, 456.7) ]
Parameters:
Name Type Attributes Default Description
vstart Number <optional>
0

輸入範圍最小值,預設0

vend Number <optional>
1

輸入範圍最大值,預設1

n Integer <optional>
1

輸入產生數量整數,預設1

Returns:

回傳位於指定範圍內隨機數字

Type
Number

(static) rang(rStart, rEnd, numopt) → {Boolean}

Description:
  • 依照起訖值與切分數量產生陣列,切分數量代表間隔數量,故切3份時包含起訖點就會有4點

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = rang(0, 10)
console.log(r)
// => [ 0, 5, 10 ]

r = rang(0, 10, 3)
console.log(r)
// => [ 0, 3.3333333333333335, 6.666666666666667, 10 ]

r = rang(0, 10, 4)
console.log(r)
// => [ 0, 2.5, 5, 7.5, 10 ]
Parameters:
Name Type Attributes Default Description
rStart Number

輸入起始數字

rEnd Number

輸入結束數字

num Integer <optional>
2

輸入切分數量正整數,預設2

Returns:

回傳判斷布林值

Type
Boolean

(static) rep(c, n) → {Array}

Description:
  • 產生重複n次字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(rep('abc', 2))
// => 'abcabc'
Parameters:
Name Type Description
c String

輸入欲重複的字串

n Integer

輸入重複次數之含零正整數

Returns:

回傳任意資料之陣列

Type
Array

(static) repObj(o, n) → {Array}

Description:
  • 產生重複n次任意資料之陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(repObj({ a: 12.45, b: 'opqr' }, 2))
// => [{ a: 12.45, b: 'opqr' }, { a: 12.45, b: 'opqr' }]

console.log(repObj({ a: 12.45, b: 'opqr' }, 0))
// => []
Parameters:
Name Type Description
o *

輸入任意資料

n Integer

輸入重複次數之正整數

Returns:

回傳任意資料之陣列

Type
Array

(static) replace(c, t, r) → {String}

Description:
  • 取代字串 針對c查找是否含有t,並將t全部取代成r 若輸入c,t,r不是字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(replace('1.25abc', '5a', '0'))
// => '1.20bc'
Parameters:
Name Type Description
c String

輸入要被取代的字串

t String

輸入要查找的字串

r String

輸入要取代的字串

Returns:

回傳取代後字串

Type
String

(static) replaceObj(c, o) → {String}

Description:
  • 取代字串,由c內大括號會標記為被取代的{key},再由物件o的key所對應value進行取代,而各value皆需要為有效字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(replaceObj('1.25abc中文', { '5a': '0', '中': '英' }))
// => '1.20bc英文'
Parameters:
Name Type Description
c String

輸入要被取代的字串

o Object

輸入用來取代的key,value物件

Returns:

回傳取代後字串

Type
String

(static) replacePlus(c, pre, aft, notopt, r) → {String}

Description:
  • 取代字串,找尋條件為滿足具字首字尾則被取代

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(replacePlus('1.25mn1.25abc中文結尾', '1', '文', null, 'xyz'))
// => 'xyz結尾'

console.log(replacePlus('1.25mn1.25abc中文結尾', '1', '文', 'm', 'xyz'))
// => '1.25mnxyz結尾'
Parameters:
Name Type Attributes Default Description
c String

輸入要被取代的字串

pre String

輸入需為字首的字串

aft String

輸入需為字尾的字串

not String <optional>
null

輸入需不包含的字串,預設為不使用

r String

輸入要取代的字串

Returns:

回傳取代後字串

Type
String

(static) round(v, idigopt, optopt) → {Number}

Description:
  • 數字或字串四捨五入至指定位數(0位為整數),若輸入不是數字或字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(round(1.5))
// => 2

console.log(round('1.5'))
// => 2

console.log(round(-1.5))
// => -2 (四捨五入不看正負號得-2)

console.log(round('125abc'))
// => ''

console.log(round(9.83501, 2))
// => 9.84

console.log(round(9.8350, 2))
// => 9.84

console.log(round(9.82501, 2))
// => 9.83

console.log(round(9.8250, 2))
// => 9.83

console.log(round(9.8249, 2))
// => 9.82

console.log(round(12.6449, 2))
// => 12.64

console.log(round(12.645, 2))
// => 12.65

console.log(round(12.6451, 2))
// => 12.65

console.log(round(12.65, 2))
// => 12.65

console.log(round(12.64, 2))
// => 12.64

console.log(round(12.6, 2))
// => 12.6

console.log(round(12, 2))
// => 12

console.log(round(9.83501, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 9.84

console.log(round(9.8350, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 9.84 (四捨六入五成雙, 第3位5進位得9.84)

console.log(round(9.82501, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 9.83

console.log(round(9.8250, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 9.82 (四捨六入五成雙, 第3位5捨去得9.82)

console.log(round(9.8249, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 9.82

console.log(round(12.6449, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.64

console.log(round(12.645, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.64 (四捨六入五成雙, 第3位5捨去得12.64)

console.log(round(12.6451, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.65

console.log(round(12.65, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.65

console.log(round(12.64, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.64

console.log(round(12.6, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12.6

console.log(round(12, 2, { rounding: 'ROUND_HALF_EVEN' }))
// => 12
Parameters:
Name Type Attributes Default Description
v Number | String

輸入數字或字串

idig Integer <optional>
0

輸入指定位數整數,預設0

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
rounding String <optional>
'ROUND_HALF_UP'

輸入取捨方式,可選'ROUND_HALF_UP'代表四捨五入或'ROUND_HALF_EVEN'代表四捨六入五成雙,預設'ROUND_HALF_UP'

Returns:

回傳四捨五入的整數

Type
Number

(static) secd(deg) → {Number}

Description:
  • 輸入角度計算sec值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(secd(0))
// => 1

console.log(secd(30))
// => 1.1547005383792515

console.log(secd(45))
// => 1.414213562373095

console.log(secd(60))
// => 1.9999999999999996

console.log(secd(90))
// => 16331239353195370

console.log(secd(120))
// => -2.000000000000001

console.log(secd(135))
// => -1.4142135623730951

console.log(secd(150))
// => -1.1547005383792515

console.log(secd(180))
// => -1

console.log(secd(210))
// => -1.1547005383792517

console.log(secd(225))
// => -1.4142135623730947

console.log(secd(240))
// => -1.9999999999999982

console.log(secd(270))
// => -5443746451065123

console.log(secd(300))
// => 1.9999999999999996

console.log(secd(315))
// => 1.4142135623730954

console.log(secd(330))
// => 1.154700538379252

console.log(secd(360))
// => 1

console.log(secd(450))
// => 3266247870639073.5

console.log(secd(720))
// => 1
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳sec值

Type
Number

(static) sep(c, t) → {Array}

Description:
  • 切割字串並剔除非有效元素

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(sep('1.25 abc  中文', ' '))
// => ['1.25', 'abc', '中文']
Parameters:
Name Type Description
c String

輸入要被切割的字串

t String

輸入用來切割的符號字串

Returns:

回傳切割後的字串陣列

Type
Array

(static) sepInt(v, n, breverseopt) → {Array}

Description:
  • 由整數v切分n個正整數,回傳切分後之整數陣列

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(sepInt(10, 3))
// => [3, 3, 4]
Parameters:
Name Type Attributes Default Description
v Integer

輸入要被切分的整數

n Integer

輸入要切分數量的整數

breverse Boolean <optional>
true

輸入是否要反轉順序,預設true為由小至大,反序則為由大至小

Returns:

回傳切分後的整數陣列

Type
Array

(static) sind(deg) → {Number}

Description:
  • 輸入角度計算sin值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(sind(0))
// => 0

console.log(sind(30))
// => 0.49999999999999994

console.log(sind(45))
// => 0.7071067811865475

console.log(sind(60))
// => 0.8660254037844386

console.log(sind(90))
// => 1

console.log(sind(120))
// => 0.8660254037844387

console.log(sind(135))
// => 0.7071067811865476

console.log(sind(150))
// => 0.49999999999999994

console.log(sind(180))
// => 1.2246467991473532e-16

console.log(sind(210))
// => -0.5000000000000001

console.log(sind(225))
// => -0.7071067811865475

console.log(sind(240))
// => -0.8660254037844385

console.log(sind(270))
// => -1

console.log(sind(300))
// => -0.8660254037844386

console.log(sind(315))
// => -0.7071067811865477

console.log(sind(330))
// => -0.5000000000000004

console.log(sind(360))
// => -2.4492935982947064e-16

console.log(sind(450))
// => 1

console.log(sind(720))
// => -4.898587196589413e-16
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳sin值

Type
Number

(static) split(c, t) → {Array}

Description:
  • 切割字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(split('1.25 abc  中文', ' '))
// => ['1.25', 'abc', '', '中文']
Parameters:
Name Type Description
c String

輸入要被切割的字串

t String

輸入用來切割的符號字串

Returns:

回傳切割後的字串陣列

Type
Array

(static) str2aes(str, key, base64opt) → {String}

Description:
  • 一般字串轉AES字串 使用AES-128-CBC加密,字串採用PKCS#7填充

    Unit Test: Github

Source:
Example
Try in Codepen
let str = 'test中文abcdefghijklmn'
let key = '1234567890abcdefghijk'
console.log(str2aes(str, key))
// => 53616c7465645f5f9d7366e54b51e9352dbccf6a6ec9b3af0595b19b345ea903b713143f5d66417f4cd968c628863f61 (is random)

console.log(str2aes(str, key, true))
// => U2FsdGVkX19c7rKkQ38SfqZLaQEKzLD0PhXzzdYeGbngewsPmzS8PcOwHQIsf2Zo (is random)
Parameters:
Name Type Attributes Default Description
str String

輸入一般字串

key String

輸入加密key

base64 Boolean <optional>
false

輸入是否轉為base64字串,預設為false

Returns:

回傳經AES轉換後字串,採Hex/base64顯示

Type
String

(static) str2b64(str) → {String}

Description:
  • 一般字串轉base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2b64('test中文'))
// => 'dGVzdOS4reaWhw=='
Parameters:
Name Type Description
str String

輸入一般字串

Returns:

回傳base64字串

Type
String

(static) str2hint(str) → {String}

Description:
  • 一般字串轉hash整數

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2hint('abc'))
// => 807794786

console.log(str2hint('123'))
// => 408093746

console.log(str2hint('12.3'))
// => 10159942

console.log(str2hint(''))
// => 0

console.log(str2hint(null))
// => null
Parameters:
Name Type Description
str String

輸入一般字串

Returns:

回傳轉換後整數

Type
String

(static) str2md5(str, base64opt) → {String}

Description:
  • 一般字串轉MD5字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2md5('test中文'))
// => '5393554e94bf0eb6436f240a4fd71282'
Parameters:
Name Type Attributes Default Description
str String

輸入一般字串

base64 Boolean <optional>
false

輸入是否轉為base64字串,預設為false

Returns:

回傳經MD5轉換後字串

Type
String

(static) str2obj(data, extopt) → {String}

Description:
  • 字串轉任意資料,可支援內含Uint8Array與Uint16Array數據

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2obj('{"a":"abc","b":12.3,"u8a":"[Uint8Array]::QmFz","u16a":{"0":11,"1":79,"2":6}}'))
// => {
// =>   a: 'abc',
// =>   b: 12.3,
// =>   u8a: Uint8Array [ 66, 97, 115 ],
// =>   u16a: { '0': 11, '1': 79, '2': 6 }
// => }

console.log(str2obj('{"a":"abc","b":12.3,"u8a":"[Uint8Array]::QmFz","u16a":"[Uint8Array]::C08G"}', ['Uint8Array', 'Uint16Array']}))
// => {
// =>   a: 'abc',
// =>   b: 12.3,
// =>   u8a: Uint8Array [ 66, 97, 115 ],
// =>   u16a: Uint8Array [ 11, 79, 6 ]
// => }
Parameters:
Name Type Attributes Default Description
data *

輸入任意資料

ext String | Array <optional>
'Uint8Array'

輸入擴充數據種類字串或陣列,預設'Uint8Array'

Returns:

回傳base64字串

Type
String

(static) str2sha512(str, base64opt) → {String}

Description:
  • 一般字串轉SHA512字串 Secure Hash Algorithm 512位

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2sha512('test中文'))
// => 'ab43333a01571e767a2eb15460c270fa123964c121b88c73e274a211d6e2cf98b10d89220e8d04e2fc573354da93400f3255e94d445dc956e177aa4201a4fc30'
Parameters:
Name Type Attributes Default Description
str String

輸入一般字串

base64 Boolean <optional>
false

輸入是否轉為base64字串,預設為false

Returns:

回傳經SHA512轉換後字串

Type
String

(static) str2u8arr(str) → {Uint8Array}

Description:
  • 字串轉Uint8Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(str2u8arr('test中文'))
// => Uint8Array [116, 101, 115, 116, 228, 184, 173, 230, 150, 135]
Parameters:
Name Type Description
str String

輸入一般字串

Returns:

回傳Uint8Array

Type
Uint8Array

(static) strCompare(str1, str2) → {Number}

Description:
Source:
Example
Try in Codepen
console.log(strCompare('The Woodman(樵夫) set to work at once, and so...', 'Wodooman(樵夫)'))
// => 0.375
Parameters:
Name Type Description
str1 String

輸入欲比對之一般字串

str2 String

輸入欲比對之一般字串

Returns:

回傳字串相似度0~1

Type
Number

(static) strDiff(strOld, strNew, optopt) → {Object}

Description:
  • 比對新舊文字差異處

    Unit Test: Github

Source:
Example
Try in Codepen
let r

r = strDiff('test中文', '')
console.log(r)
// => {
//   diff: [ { count: 1, added: undefined, removed: true, value: 'test中文' } ],
//   dfs: [ { p: 'remove', vo: 'test中文', vn: '' } ]
// }

r = strDiff('test中文1\ntest中文2', '')
console.log(r)
// => {
//   diff: [
//     {
//       count: 2,
//       added: undefined,
//       removed: true,
//       value: 'test中文1\ntest中文2'
//     }
//   ],
//   dfs: [
//     { p: 'remove', vo: 'test中文1', vn: '' },
//     { p: 'remove', vo: 'test中文2', vn: '' }
//   ]
// }

r = strDiff('', 'test中文')
console.log(r)
// => {
//   diff: [ { count: 1, added: true, removed: undefined, value: 'test中文' } ],
//   dfs: [ { p: 'add', vo: 'test中文', vn: '' } ]
// }

r = strDiff('', 'test中文1\ntest中文2')
console.log(r)
// => {
//   diff: [
//     {
//       count: 2,
//       added: true,
//       removed: undefined,
//       value: 'test中文1\ntest中文2'
//     }
//   ],
//   dfs: [
//     { p: 'add', vo: 'test中文1', vn: '' },
//     { p: 'add', vo: 'test中文2', vn: '' }
//   ]
// }

let tab1 = `1|0.974848293|0.791303871|0.716898185|0.506002098|0.137888903|0.626724085
2|-0.529408622|0.839882385|0.663059856|0.49047221|0.395763265|0.866151835
3|-0.10320217|0.475514539|0.969205779|0.711250309|0.153847069|0.410092395
4|-0.121479865|0.486179086|0.481023842|0.467410582|0.42602231|0.849701641
5|0.757346003|0.697242433|0.67532802|0.174644416|0.045652267|0.397104668
6|0.663032731|0.259252779|0.566177431|0.679637706|0.377814487|0.400248119
7|0.72721374|0.263793391|0.167895215|0.794808602|0.107070584|0.011822872
8|0.247416664|0.360426795|0.014346373|0.000469616|0.4082693|0.913806611
9|0.345880037|0.167996664|0.711054429|0.363177921|0.206849994|0.636855344
10|0.576739457|0.324665077|0.973218005|0.883927423|0.176906125|0.20087887
11|a1
12|a2
13|0.504421248|0.984003751|0.32549507|0.987090751|0.192745589|0.735133561
14|0.273214614|0.083431884|0.565146092|0.935388666|0.637675154|0.523815661

`
let tab2 = `1|0.974848293|0.791303871|0.716898185|0.506002098|0.137888903|0.626724085
2|-0.529408622|a0.839882385|0.663059856|0.49047221|0.395763265|0.866151835
3|-0.10320217|0.475514539|0.969205779|0.711250309|0.153847069|0.410092395
4|-0.121479865|0.486179086|0.481023842|0.467410582|0.42602231|0.849701641
5|0.757346003|0.697242433|0.67532802|0.174644416|0.045652267|0.397104668
7|0.72721374|0.263793391|0.167895215|0.794808602|0.107070584|0.011822872
8|0.247416664|0.360426795|0.014346373|0.000469616|0.4082693|0.913806611
9|0.345880037|0.167996664|0.711054429|0.363173478|0.636855344
10|0.576739457|0.324665077|0.973218005|0.883927423|0.176906125|0.20087887
13|0.504421248|0.984003751|0.32549507|0.987090751|0.192745589|0.735133561
14|0.273214614|0.083431884|0.565146092|0.935388666|0.637675154|0.523815661
n1|0.944492151|0.89950443|0.182709318|0.892820757|0.709746901|0.097385354
n2|0.769805921|0.061355308|0.314826137|0.855857651|0.653550539|0.772500773
n3|0.158739038|0.085078711|0.844664253|0.21630142|0.912931341|0.735138313


`
r = strDiff(tab1, tab2)
console.log(r)
// => {
//   diff: [
//     {
//       count: 1,
//       value: '1|0.974848293|0.791303871|0.716898185|0.506002098|0.137888903|0.626724085\n'
//     },
//     {
//       count: 1,
//       added: undefined,
//       removed: true,
//       value: '2|-0.529408622|0.839882385|0.663059856|0.49047221|0.395763265|0.866151835\n'
//     },
//     {
//       count: 1,
//       added: true,
//       removed: undefined,
//       value: '2|-0.529408622|a0.839882385|0.663059856|0.49047221|0.395763265|0.866151835\n'
//     },
//     {
//       count: 3,
//       value: '3|-0.10320217|0.475514539|0.969205779|0.711250309|0.153847069|0.410092395\n' +
//         '4|-0.121479865|0.486179086|0.481023842|0.467410582|0.42602231|0.849701641\n' +
//         '5|0.757346003|0.697242433|0.67532802|0.174644416|0.045652267|0.397104668\n'
//     },
//     {
//       count: 1,
//       added: undefined,
//       removed: true,
//       value: '6|0.663032731|0.259252779|0.566177431|0.679637706|0.377814487|0.400248119\n'
//     },
//     {
//       count: 2,
//       value: '7|0.72721374|0.263793391|0.167895215|0.794808602|0.107070584|0.011822872\n' +
//         '8|0.247416664|0.360426795|0.014346373|0.000469616|0.4082693|0.913806611\n'
//     },
//     {
//       count: 1,
//       added: undefined,
//       removed: true,
//       value: '9|0.345880037|0.167996664|0.711054429|0.363177921|0.206849994|0.636855344\n'
//     },
//     {
//       count: 1,
//       added: true,
//       removed: undefined,
//       value: '9|0.345880037|0.167996664|0.711054429|0.363173478|0.636855344\n'
//     },
//     {
//       count: 1,
//       value: '10|0.576739457|0.324665077|0.973218005|0.883927423|0.176906125|0.20087887\n'
//     },
//     {
//       count: 2,
//       added: undefined,
//       removed: true,
//       value: '11|a1\n12|a2\n'
//     },
//     {
//       count: 2,
//       value: '13|0.504421248|0.984003751|0.32549507|0.987090751|0.192745589|0.735133561\n' +
//         '14|0.273214614|0.083431884|0.565146092|0.935388666|0.637675154|0.523815661\n'
//     },
//     {
//       count: 3,
//       added: true,
//       removed: undefined,
//       value: 'n1|0.944492151|0.89950443|0.182709318|0.892820757|0.709746901|0.097385354\n' +
//         'n2|0.769805921|0.061355308|0.314826137|0.855857651|0.653550539|0.772500773\n' +
//         'n3|0.158739038|0.085078711|0.844664253|0.21630142|0.912931341|0.735138313\n'
//     },
//     { count: 1, value: '\n' },
//     { count: 1, added: true, removed: undefined, value: '\n' }
//   ],
//   dfs: [
//     {
//       p: '',
//       vo: '1|0.974848293|0.791303871|0.716898185|0.506002098|0.137888903|0.626724085',
//       vn: ''
//     },
//     {
//       p: 'modify',
//       vo: '2|-0.529408622|0.839882385|0.663059856|0.49047221|0.395763265|0.866151835',
//       vn: '2|-0.529408622|a0.839882385|0.663059856|0.49047221|0.395763265|0.866151835'
//     },
//     {
//       p: '',
//       vo: '3|-0.10320217|0.475514539|0.969205779|0.711250309|0.153847069|0.410092395',
//       vn: ''
//     },
//     {
//       p: '',
//       vo: '4|-0.121479865|0.486179086|0.481023842|0.467410582|0.42602231|0.849701641',
//       vn: ''
//     },
//     {
//       p: '',
//       vo: '5|0.757346003|0.697242433|0.67532802|0.174644416|0.045652267|0.397104668',
//       vn: ''
//     },
//     {
//       p: 'remove',
//       vo: '6|0.663032731|0.259252779|0.566177431|0.679637706|0.377814487|0.400248119',
//       vn: ''
//     },
//     {
//       p: '',
//       vo: '7|0.72721374|0.263793391|0.167895215|0.794808602|0.107070584|0.011822872',
//       vn: ''
//     },
//     {
//       p: '',
//       vo: '8|0.247416664|0.360426795|0.014346373|0.000469616|0.4082693|0.913806611',
//       vn: ''
//     },
//     {
//       p: 'modify',
//       vo: '9|0.345880037|0.167996664|0.711054429|0.363177921|0.206849994|0.636855344',
//       vn: '9|0.345880037|0.167996664|0.711054429|0.363173478|0.636855344'
//     },
//     {
//       p: '',
//       vo: '10|0.576739457|0.324665077|0.973218005|0.883927423|0.176906125|0.20087887',
//       vn: ''
//     },
//     { p: 'remove', vo: '11|a1', vn: '' },
//     { p: 'remove', vo: '12|a2', vn: '' },
//     {
//       p: '',
//       vo: '13|0.504421248|0.984003751|0.32549507|0.987090751|0.192745589|0.735133561',
//       vn: ''
//     },
//     {
//       p: '',
//       vo: '14|0.273214614|0.083431884|0.565146092|0.935388666|0.637675154|0.523815661',
//       vn: ''
//     },
//     {
//       p: 'add',
//       vo: 'n1|0.944492151|0.89950443|0.182709318|0.892820757|0.709746901|0.097385354',
//       vn: ''
//     },
//     {
//       p: 'add',
//       vo: 'n2|0.769805921|0.061355308|0.314826137|0.855857651|0.653550539|0.772500773',
//       vn: ''
//     },
//     {
//       p: 'add',
//       vo: 'n3|0.158739038|0.085078711|0.844664253|0.21630142|0.912931341|0.735138313',
//       vn: ''
//     },
//     { p: '', vo: '', vn: '' },
//     { p: 'add', vo: '', vn: '' }
//   ]
// }
Parameters:
Name Type Attributes Default Description
strOld String

輸入原始文字字串

strNew String

輸入更新文字字串

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
eliminateEndLine Boolean <optional>
false

輸入是否清除diff最後解析結果布林值,通常為處理數據時因各列有自動添加換行符號,導致diff會多出額外比對結果故須清除。預設false

Returns:

回傳比對結果物件,包含diff與dfs鍵值,diff為比對原始結果字串,dfs為依照各列比對結果陣列

Type
Object

(static) strFindFuzz(arr, strkey, bscoreopt) → {Boolean|Number}

Description:
  • 以空白分切strkey做為關鍵字,查詢字串陣列ar是否含有相似關鍵字

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strFindFuzz('Wodooman(樵夫)', 'Wodooman(樵夫)', true))
// => 100

//第2參數會被空白切分成多關鍵字
console.log(strFindFuzz('Wodooman(樵夫)', 'The Woodman(樵夫) set to work at once, and so...', true))
// => 31.831649831649834

console.log(strFindFuzz('The Woodman(樵夫) set to work at once, and so...', 'Wodooman(樵夫)', true))
// => 40.845872267054474

console.log(strFindFuzz(['abc', 'def123', '中文測試'], 'ef', true))
// => 100

console.log(strFindFuzz(['abc', 'def123', '中文測試'], 'efgg', true))
// => 46

console.log(strFindFuzz(['abc', 'def123', '中文測試'], 'ef'))
// => true
Parameters:
Name Type Attributes Default Description
arr Array | String

輸入資料,若輸入陣列則自動join成字串

strkey String | Number

查找ar內是否含有關鍵字,多關鍵字係以空白區分

bscore Boolean <optional>
false

是否回傳分數,當設定為true時回傳值為百分比數值,設定為false時回傳值為布林值(預設)

Returns:

輸出資料,回傳值為分數或是否

Type
Boolean | Number

(async, static) strFindFuzzDyn(ar, strkey, bscoreopt, pathItems) → {Promise}

Description:
  • 前端以空白分切strkey做為關鍵字,查詢字串陣列ar是否含有相似關鍵字

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

//第2參數會被空白切分成多關鍵字
strFindFuzzDyn('Wodooman(樵夫)', 'The Woodman(樵夫) set to work at once, and so...', true)
    .then(function(r) {
        console.log(r)
        // => 31.831649831649834
    })

strFindFuzzDyn('The Woodman(樵夫) set to work at once, and so...', 'Wodooman(樵夫)', true)
    .then(function(r) {
        console.log(r)
        // => 40.845872267054474
    })

strFindFuzzDyn(['abc', 'def123', '中文測試'], 'ef', true)
    .then(function(r) {
        console.log(r)
        // => 100
    })

strFindFuzzDyn(['abc', 'def123', '中文測試'], 'efgg', true)
    .then(function(r) {
        console.log(r)
        // => 46
    })

strFindFuzzDyn(['abc', 'def123', '中文測試'], 'ef')
    .then(function(r) {
        console.log(r)
        // => true
    })
Parameters:
Name Type Attributes Default Description
ar Array | String

輸入資料,若輸入陣列則自動join成字串

strkey String | Number

查找ar內是否含有關鍵字,多關鍵字係以空白區分

bscore Boolean <optional>
false

是否回傳分數,當設定為true時回傳值為分數,設定為false時回傳值為是否(預設)

pathItems String | Object | Array

輸入資源字串、字串陣列、物件、物件陣列

Returns:

回傳Promise,resolve回傳為分數或是否,reject回傳錯誤訊息

Type
Promise

(static) strFindSimilar(ar, strkeys) → {Object}

Description:
  • 計算字串ar與多關鍵字陣列strkeys之相似程度

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strFindSimilar('The Woodman(樵夫) set to work at once, and so...', ['Wodooman(樵夫)', 'manWood(樵夫)', 'Wood樵man(夫)', 'Woodman(樵夫)']))
// => { 'ratings': [{ 'target': 'Wodooman(樵夫)', 'rating': 0.375 }, { 'target': 'manWood(樵夫)', 'rating': 0.3404255319148936 }, { 'target': 'Wood樵man(夫)', 'rating': 0.2978723404255319 }, { 'target': 'Woodman(樵夫)', 'rating': 0.425531914893617 }], 'bestMatch': { 'target': 'Woodman(樵夫)', 'rating': 0.425531914893617 }, 'bestMatchIndex': 3 }
Parameters:
Name Type Description
ar Array | String

輸入資料,若輸入陣列則自動join成字串

strkeys String | Number | Array

查找ar內與多關鍵字strkeys的個別相似度

Returns:

輸出比對資料物件,回傳與各關鍵字之相似度以及最相關者

Type
Object

(static) strdelleft(c, n) → {String}

Description:
  • 刪除字串左邊n個字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strdelleft('test中文', 2))
// => 'st中文'
Parameters:
Name Type Description
c String

輸入要被刪除的字串

n Integer

輸入刪除左邊n個字元正整數

Returns:

回傳處理後字串

Type
String

(static) strdelright(c, n) → {String}

Description:
  • 刪除字串右邊n個字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strdelright('test中文', 2))
// => 'test'
Parameters:
Name Type Description
c String

輸入要被刪除的字串

n Integer

輸入刪除右邊n個字元

Returns:

回傳處理後字串

Type
String

(static) strleft(c, n) → {String}

Description:
  • 取字串左邊n個字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strleft('test中文', 2))
// => 'te'
Parameters:
Name Type Description
c String

輸入要被取的字串

n Integer

輸入取左邊n個字元

Returns:

回傳處理後字串

Type
String

(static) strmid(c, s, nopt) → {String}

Description:
  • 取字串中位置s開始後n個字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strmid('test中文', 2, 1))
// => 's'

console.log(strmid('test中文', 2, 3))
// => 'st中'
Parameters:
Name Type Attributes Default Description
c String

輸入要被取的字串

s Integer

輸入要由第s個位置開始,為正整數

n Integer <optional>
1

輸入開始後n個字元,為正整數,預設1

Returns:

回傳處理後字串

Type
String

(static) strright(c, n) → {String}

Description:
  • 取字串右邊n個字元

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(strright('test中文', 2))
// => '中文'
Parameters:
Name Type Description
c String

輸入要被取的字串

n Integer

輸入取右邊n個字元

Returns:

回傳處理後字串

Type
String

(static) stru8arr2obj() → {*}

Description:
  • 由字串與Unit8Array陣列轉物件,為對obj2stru8arr序列化之數據進行反序列化

    Unit Test: Github

Source:
Example
Try in Codepen
let r = {
    results: '{"a":123,"b":45.67,"c":"l1-測試中文","d":{"da":123,"db":45.67,"dc":"l2-測試中文","dd":["a","xyz",321,76.54],"de":"[Uint8Array]::0"}}',
    binarys: [new Uint8Array([66, 97, 115])]
}
let data = stru8arr2obj(r)
console.log(data)
// => {
//     a: 123,
//     b: 45.67,
//     c: 'l1-測試中文',
//     d: {
//         da: 123,
//         db: 45.67,
//         dc: 'l2-測試中文',
//         dd: [ 'a', 'xyz', 321, 76.54 ],
//         de: Uint8Array [ 66, 97, 115 ]
//     }
// }
Parameters:
Name Type Description
data.results String

輸入待反序列化字串

data.binarys Array

輸入Unit8Array陣列

Returns:

回傳任意物件

Type
*

(static) tand(deg) → {Number}

Description:
  • 輸入角度計算tan值

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(tand(0))
// => 1

console.log(tand(30))
// => 0.8660254037844387

console.log(tand(45))
// => 0.7071067811865476

console.log(tand(60))
// => 0.5000000000000001

console.log(tand(90))
// => 6.123233995736766e-17

console.log(tand(120))
// => -0.4999999999999998

console.log(tand(135))
// => -0.7071067811865475

console.log(tand(150))
// => -0.8660254037844387

console.log(tand(180))
// => -1

console.log(tand(210))
// => -0.8660254037844386

console.log(tand(225))
// => -0.7071067811865477

console.log(tand(240))
// => -0.5000000000000004

console.log(tand(270))
// => -1.8369701987210297e-16

console.log(tand(300))
// => 0.5000000000000001

console.log(tand(315))
// => 0.7071067811865474

console.log(tand(330))
// => 0.8660254037844384

console.log(tand(360))
// => 1

console.log(tand(450))
// => 3.061616997868383e-16

console.log(tand(720))
// => 1
Parameters:
Name Type Description
deg Number | String

輸入角度數字或字串

Returns:

回傳tan值

Type
Number

(static) time2day(t) → {String}

Description:
  • 秒時間取至日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(time2day('2019-01-01T12:34:56'))
// => '2019-01-01'
Parameters:
Name Type Description
t String

輸入秒時間字串,不含時區

Returns:

回傳日時間字串

Type
String

(static) time2hour(t) → {String}

Description:
  • 秒時間取至時時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(time2hour('2019-01-01T12:34:56'))
// => '2019-01-01T12'
Parameters:
Name Type Description
t String

輸入秒時間字串,不含時區

Returns:

回傳時時間字串

Type
String

(static) time2min(t) → {String}

Description:
  • 秒時間取至分時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(time2min('2019-01-01T12:34:56'))
// => '2019-01-01T12:34'
Parameters:
Name Type Description
t String

輸入秒時間字串,不含時區

Returns:

回傳分時間字串

Type
String

(static) timeTZ2day(t) → {String}

Description:
  • 秒時間取至日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timeTZ2day('2019-01-01T12:34:56+08:00'))
// => '2019-01-01'
Parameters:
Name Type Description
t String

輸入秒時間字串

Returns:

回傳日時間字串

Type
String

(static) timeTZ2expire(t, tNowopt) → {String}

Description:
  • 秒時間轉到期時間

    Unit Test: Github

Source:
Example
Try in Codepen
let t
let tNow = '2020-10-18T12:34:56+08:00'
let r

t = '2020-10-18T12:34:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T04:34:58+00:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T04:34:58Z'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T12:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '3分鐘後', err: '' }

t = '2020-10-18T16:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '4小時後,今天16:37', err: '' }

t = '2020-10-23T16:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '5天後', err: '' }

t = '2021-04-23T16:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '6個月後', err: '' }

t = '2028-04-23T16:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '7年後', err: '' }

t = '2018-04-23T16:37:58+08:00'
r = timeTZ2expire(t, tNow)
console.log(r)
// => { today: null, msg: '', err: '時間已過' }
Parameters:
Name Type Attributes Default Description
t String

輸入秒時間字串

tNow String <optional>
null

輸入現在秒時間字串

Returns:

回傳到期時間字串

Type
String

(static) timeTZ2hour(t) → {String}

Description:
  • 秒時間取至時時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timeTZ2hour('2019-01-01T12:34:56+08:00'))
// => '2019-01-01T12'
Parameters:
Name Type Description
t String

輸入秒時間字串

Returns:

回傳時時間字串

Type
String

(static) timeTZ2min(t) → {String}

Description:
  • 秒時間取至分時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timeTZ2min('2019-01-01T12:34:56+08:00'))
// => '2019-01-01T12:34'
Parameters:
Name Type Description
t String

輸入秒時間字串

Returns:

回傳分時間字串

Type
String

(static) timeTZ2past(t, tNowopt) → {String}

Description:
  • 秒時間轉過去時間

    Unit Test: Github

Source:
Example
Try in Codepen
let t
let tNow = '2020-10-18T12:34:56+08:00'
let r

t = '2020-10-18T12:34:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T04:34:54+00:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T04:34:54Z'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T12:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '3分鐘前', err: '' }

t = '2020-10-18T08:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '4小時前', err: '' }

t = '2020-10-13T08:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '5天前', err: '' }

t = '2020-04-13T08:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '6個月前', err: '' }

t = '2013-04-13T08:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '7年前', err: '' }

t = '2023-04-13T08:31:54+08:00'
r = timeTZ2past(t, tNow)
console.log(r)
// => { today: null, msg: '', err: '時間未到' }
Parameters:
Name Type Attributes Default Description
t String

輸入秒時間字串

tNow String <optional>
null

輸入現在秒時間字串

Returns:

回傳過去時間字串

Type
String

(static) timems2day(t) → {String}

Description:
  • 毫秒時間取至日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timems2day('2019-01-01T12:34:56.987'))
// => '2019-01-01'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,不含時區

Returns:

回傳日時間字串

Type
String

(static) timems2hour(t) → {String}

Description:
  • 毫秒時間取至時時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timems2hour('2019-01-01T12:34:56.987'))
// => '2019-01-01T12'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,不含時區

Returns:

回傳時時間字串

Type
String

(static) timems2min(t) → {String}

Description:
  • 毫秒時間取至分時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timems2min('2019-01-01T12:34:56.987'))
// => '2019-01-01T12:34'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,不含時區

Returns:

回傳分時間字串

Type
String

(static) timems2time(t) → {String}

Description:
  • 毫秒時間取至秒時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timems2time('2019-01-01T12:34:56.987'))
// => '2019-01-01T12:34:56'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,不含時區

Returns:

回傳秒時間字串

Type
String

(static) timemsTZ2day(t) → {String}

Description:
  • 毫秒時間(含時區)取至日時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timemsTZ2day('2019-01-01T12:34:56.987+08:00'))
// => '2019-01-01'

console.log(timemsTZ2day('2019-01-01T12:34:56.987Z'))
// => '2019-01-01'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,含時區

Returns:

回傳日時間字串

Type
String

(static) timemsTZ2expire(t, tNowopt) → {String}

Description:
  • 毫秒時間轉到期時間

    Unit Test: Github

Source:
Example
Try in Codepen
let t
let tNow = '2020-10-18T12:34:56.987+08:00'
let r

t = '2020-10-18T12:34:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T04:34:58.987+00:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T04:34:58.987Z'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '2秒後', err: '' }

t = '2020-10-18T12:34:58.123+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '1秒後', err: '' }

t = '2020-10-18T12:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '3分鐘後', err: '' }

t = '2020-10-18T16:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: true, msg: '4小時後,今天16:37', err: '' }

t = '2020-10-23T16:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '5天後', err: '' }

t = '2021-04-23T16:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '6個月後', err: '' }

t = '2028-04-23T16:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: false, msg: '7年後', err: '' }

t = '2018-04-23T16:37:58.987+08:00'
r = timemsTZ2expire(t, tNow)
console.log(r)
// => { today: null, msg: '', err: '時間已過' }
Parameters:
Name Type Attributes Default Description
t String

輸入毫秒時間字串

tNow String <optional>
null

輸入現在毫秒時間字串

Returns:

回傳到期時間字串

Type
String

(static) timemsTZ2hour(t) → {String}

Description:
  • 毫秒時間(含時區)取至時時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timemsTZ2hour('2019-01-01T12:34:56.987+08:00'))
// => '2019-01-01T12'

console.log(timemsTZ2hour('2019-01-01T12:34:56.987Z'))
// => '2019-01-02T12'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,含時區

Returns:

回傳時時間字串

Type
String

(static) timemsTZ2min(t) → {String}

Description:
  • 毫秒時間(含時區)取至分時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timemsTZ2min('2019-01-01T12:34:56.987+08:00'))
// => '2019-01-01T12:34'

console.log(timemsTZ2min('2019-01-01T12:34:56.987Z'))
// => '2019-01-01T12:34'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,含時區

Returns:

回傳分時間字串

Type
String

(static) timemsTZ2past(t, tNowopt) → {String}

Description:
  • 毫秒時間轉過去時間

    Unit Test: Github

Source:
Example
Try in Codepen
let t
let tNow = '2020-10-18T12:34:56.987+08:00'
let r

t = '2020-10-18T12:34:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T04:34:54.987+00:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T04:34:54.987Z'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '2秒前', err: '' }

t = '2020-10-18T12:34:55.500+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '1秒前', err: '' }

t = '2020-10-18T12:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '3分鐘前', err: '' }

t = '2020-10-18T08:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: true, msg: '4小時前', err: '' }

t = '2020-10-13T08:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '5天前', err: '' }

t = '2020-04-13T08:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '6個月前', err: '' }

t = '2013-04-13T08:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: false, msg: '7年前', err: '' }

t = '2023-04-13T08:31:54.987+08:00'
r = timemsTZ2past(t, tNow)
console.log(r)
// => { today: null, msg: '', err: '時間未到' }
Parameters:
Name Type Attributes Default Description
t String

輸入毫秒時間字串

tNow String <optional>
null

輸入現在毫秒時間字串

Returns:

回傳過去時間字串

Type
String

(static) timemsTZ2time(t) → {String}

Description:
  • 毫秒時間(含時區)取至秒時間

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(timemsTZ2time('2019-01-01T12:34:56.987+08:00'))
// => '2019-01-01T12:34:56'

console.log(timemsTZ2time('2019-01-01T12:34:56.987Z'))
// => '2019-01-01T12:34:56'
Parameters:
Name Type Description
t String

輸入毫秒時間字串,含時區

Returns:

回傳秒時間字串

Type
String

(static) treeObj(data, hookFunopt, optopt) → {*}

Description:
  • 遍歷物件並回傳複製物件,類似JSON.stringify,但不會序列化成為字串

    Unit Test: Github

Source:
Example
Try in Codepen
let r
let data = {
    a: 123,
    b: 145.67,
    c: 'test中文1',
    d: true,
    e: function() {},
    f: [11, 'xyz', false, new Uint8Array([166, 197, 215])],
    g: {
        ga: 223,
        gb: 245.67,
        gc: 'test中文2',
        gd: new Uint8Array([66, 97, 115]),
    },
    h: Symbol('foo'),
    [Symbol('i-sym-key')]: 'i-sym-value',
}

r = treeObj(data, (value, key, nk) => {
    console.log('=>', value, key, nk)
    return value
})
console.log('force: false', r)
// => 123 a []
// => 145.67 b []
// => test中文1 c []
// => true d []
// => [Function: e] e []
// => [ 11, 'xyz', false, Uint8Array(3) [ 166, 197, 215 ] ] f []
// => 11 0 [ 'f' ]
// => xyz 1 [ 'f' ]
// => false 2 [ 'f' ]
// => Uint8Array(3) [ 166, 197, 215 ] 3 [ 'f' ]
// => {
//   ga: 223,
//   gb: 245.67,
//   gc: 'test中文2',
//   gd: Uint8Array(3) [ 66, 97, 115 ]
// } g []
// => 223 ga [ 'g' ]
// => 245.67 gb [ 'g' ]
// => test中文2 gc [ 'g' ]
// => Uint8Array(3) [ 66, 97, 115 ] gd [ 'g' ]
// => Symbol(foo) h []
// force: false {
//   a: 123,
//   b: 145.67,
//   c: 'test中文1',
//   d: true,
//   e: [Function: e],
//   f: [ 11, 'xyz', false, Uint8Array(3) [ 166, 197, 215 ] ],
//   g: {
//     ga: 223,
//     gb: 245.67,
//     gc: 'test中文2',
//     gd: Uint8Array(3) [ 66, 97, 115 ]
//   },
//   h: Symbol(foo)
// }

r = treeObj(data, (value, key, nk) => {
    console.log('=>', value, key, nk)
    return value
}, { force: true })
console.log('force: true', r)
// => 123 a []
// => 145.67 b []
// => test中文1 c []
// => true d []
// => [Function: e] e []
// => [ 11, 'xyz', false, Uint8Array(3) [ 166, 197, 215 ] ] f []
// => 11 0 [ 'f' ]
// => xyz 1 [ 'f' ]
// => false 2 [ 'f' ]
// => Uint8Array(3) [ 166, 197, 215 ] 3 [ 'f' ]
// => {
//   ga: 223,
//   gb: 245.67,
//   gc: 'test中文2',
//   gd: Uint8Array(3) [ 66, 97, 115 ]
// } g []
// => 223 ga [ 'g' ]
// => 245.67 gb [ 'g' ]
// => test中文2 gc [ 'g' ]
// => Uint8Array(3) [ 66, 97, 115 ] gd [ 'g' ]
// => Symbol(foo) h []
// => i-sym-value Symbol(i-sym-key) []
// force: true {
//   a: 123,
//   b: 145.67,
//   c: 'test中文1',
//   d: true,
//   e: [Function: e],
//   f: [ 11, 'xyz', false, Uint8Array(3) [ 166, 197, 215 ] ],
//   g: {
//     ga: 223,
//     gb: 245.67,
//     gc: 'test中文2',
//     gd: Uint8Array(3) [ 66, 97, 115 ]
//   },
//   h: Symbol(foo),
//   [Symbol(i-sym-key)]: 'i-sym-value'
// }
Parameters:
Name Type Attributes Default Description
data *

輸入任意資料

hookFun function <optional>
null

輸入攔截處理函數,預設null

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
force Boolean <optional>
false

輸入是否允許鍵值為Symbol類型布林值,預設false

Returns:

回傳複製後的任意資料

Type
*

(static) treeToFilepath(treeItems, optopt, delimiteropt, bindRootopt) → {Array}

Description:
  • 轉換為樹狀物件成檔案路徑陣列

    Unit Test: Github

Source:
Example
Try in Codepen
let fps1 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r1 = filepathToTree(fps1)
console.log('r1.treeItems', r1.treeItems)
// => r1.treeItems [
//   {
//     ns: 1,
//     ts: [ 'root' ],
//     pathInfors: [ [Object] ],
//     _type: 'folder',
//     type: 'array',
//     numOfChilren: -1,
//     id: 'root',
//     parentId: '',
//     text: 'root',
//     children: [ [Object] ],
//     data: null
//   }
// ]

let rfps1 = treeToFilepath(r1.treeItems, {})
console.log('rfps1', rfps1)
// => rfps1 [
//   { type: 'folder', path: '/aaa' },
//   { type: 'folder', path: '/aaa/bbb' },
//   { type: 'file', path: '/aaa/bbb/z1.txt' }
// ]

let fps2 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa1.txt' }, { 'type': 'file', 'path': '/aaa2.txt' }, { 'type': 'folder', 'path': '/aaa/aaabbb' }, { 'type': 'file', 'path': '/aaa/aaabbb.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/aaabbbccc.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd/abcde.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef1.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef2.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdef3 aaa bbb ccc dddddd eeeeeee fffffffffff ggggggggggggg.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg01.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg02.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg03.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg04.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg05.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg06.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg07.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg08.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg09.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg10.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg11.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg12.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg13.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg14.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg15.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg16.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg17.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg18.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg19.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcde/abcdefg20.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd1.txt' }, { 'type': 'file', 'path': '/aaa/aaabbb/abc/abcd2.txt' }, { 'type': 'folder', 'path': '/bbb' }, { 'type': 'file', 'path': '/ccc/cccddd/cccdddeee.txt' }, { 'type': 'folder', 'path': '/eee' }, { 'type': 'folder', 'path': '/eee/eeefff1' }, { 'type': 'folder', 'path': '/eee/eeefff2' }, { 'type': 'folder', 'path': '/ggg/' }, { 'type': 'folder', 'path': 'c:\\\\hhh' }, { 'type': 'folder', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff' }, { 'type': 'file', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/gfedcba.txt' }, { 'type': 'file', 'path': '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg/hhh.txt' }, { 'type': 'folder', 'path': 'd:\\\\中文路徑1' }, { 'type': 'folder', 'path': '/中文路徑2' }, { 'type': 'file', 'path': '/中文路徑2/aaa/aaabbb/abc/測試.txt' }]
let r2 = filepathToTree(fps2, { delimiter: '>' })
console.log('r2.treeItems', r2.treeItems)
// => r2.treeItems [
//   {
//     ns: 1,
//     ts: [ 'root' ],
//     pathInfors: [ [Object] ],
//     _type: 'folder',
//     type: 'array',
//     numOfChilren: -1,
//     id: 'root',
//     parentId: '',
//     text: 'root',
//     children: [
//       [Object], [Object],
//       [Object], [Object],
//       [Object], [Object],
//       [Object], [Object],
//       [Object], [Object],
//       [Object]
//     ],
//     data: null
//   }
// ]

let rfps2 = treeToFilepath(r2.treeItems, {})
console.log('rfps2', rfps2)
// rfps2 [
//   { type: 'folder', path: '/aaa' },
//   { type: 'folder', path: '/aaa/aaabbb' },
//   { type: 'folder', path: '/aaa/aaabbb/abc' },
//   { type: 'folder', path: '/aaa/aaabbb/abc/abcd' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcd/abcde.txt' },
//   { type: 'folder', path: '/aaa/aaabbb/abc/abcde' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdef1.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdef2.txt' },
//   {
//     type: 'file',
//     path: '/aaa/aaabbb/abc/abcde/abcdef3 aaa bbb ccc dddddd eeeeeee fffffffffff ggggggggggggg.txt'
//   },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg01.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg02.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg03.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg04.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg05.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg06.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg07.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg08.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg09.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg10.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg11.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg12.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg13.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg14.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg15.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg16.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg17.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg18.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg19.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcde/abcdefg20.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcd1.txt' },
//   { type: 'file', path: '/aaa/aaabbb/abc/abcd2.txt' },
//   { type: 'file', path: '/aaa/aaabbb/aaabbbccc.txt' },
//   { type: 'file', path: '/aaa/aaabbb.txt' },
//   { type: 'folder', path: '/aaaa' },
//   {
//     type: 'folder',
//     path: '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff'
//   },
//   {
//     type: 'folder',
//     path: '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg'
//   },
//   {
//     type: 'file',
//     path: '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/ggg/hhh.txt'
//   },
//   {
//     type: 'file',
//     path: '/aaaa/bbbbbb cccccccccccc ddd dd ddd ddd ddd eeeeeeeeeeee ffff/gfedcba.txt'
//   },
//   { type: 'folder', path: '/bbb' },
//   { type: 'folder', path: '/c:' },
//   { type: 'folder', path: '/c:/hhh' },
//   { type: 'folder', path: '/ccc' },
//   { type: 'folder', path: '/ccc/cccddd' },
//   { type: 'file', path: '/ccc/cccddd/cccdddeee.txt' },
//   { type: 'folder', path: '/d:' },
//   { type: 'folder', path: '/d:/中文路徑1' },
//   { type: 'folder', path: '/eee' },
//   { type: 'folder', path: '/eee/eeefff1' },
//   { type: 'folder', path: '/eee/eeefff2' },
//   { type: 'folder', path: '/ggg' },
//   { type: 'folder', path: '/中文路徑2' },
//   { type: 'folder', path: '/中文路徑2/aaa' },
//   { type: 'folder', path: '/中文路徑2/aaa/aaabbb' },
//   { type: 'folder', path: '/中文路徑2/aaa/aaabbb/abc' },
//   { type: 'file', path: '/中文路徑2/aaa/aaabbb/abc/測試.txt' },
//   { type: 'file', path: '/aaa1.txt' },
//   { type: 'file', path: '/aaa2.txt' }
// ]

let fps3 = [{ 'type': 'folder', 'path': '/aaa1' }, { 'type': 'folder', 'path': '/aaa2' }, { 'type': 'folder', 'path': '/aaa10' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z2.txt' }, { 'type': 'file', 'path': '/aaa/bbb/z10.txt' }]
let r3 = filepathToTree(fps3)
console.log('r3.treeItems', r3.treeItems)
// => r3.treeItems [
//   {
//     ns: 1,
//     ts: [ 'root' ],
//     pathInfors: [ [Object] ],
//     _type: 'folder',
//     type: 'array',
//     numOfChilren: -1,
//     id: 'root',
//     parentId: '',
//     text: 'root',
//     children: [ [Object], [Object], [Object], [Object] ],
//     data: null
//   }
// ]

let rfps3 = treeToFilepath(r3.treeItems, {})
console.log('rfps3', rfps3)
// => rfps3 [
//   { type: 'folder', path: '/aaa' },
//   { type: 'folder', path: '/aaa/bbb' },
//   { type: 'file', path: '/aaa/bbb/z1.txt' },
//   { type: 'file', path: '/aaa/bbb/z10.txt' },
//   { type: 'file', path: '/aaa/bbb/z2.txt' },
//   { type: 'folder', path: '/aaa1' },
//   { type: 'folder', path: '/aaa10' },
//   { type: 'folder', path: '/aaa2' }
// ]

let fps4 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r4 = filepathToTree(fps4)
console.log('r4.treeItems', r4.treeItems)
// => r1.treeItems [
//   {
//     ns: 1,
//     ts: [ 'root' ],
//     pathInfors: [ [Object] ],
//     _type: 'folder',
//     type: 'array',
//     numOfChilren: -1,
//     id: 'root',
//     parentId: '',
//     text: 'root',
//     children: [ [Object] ],
//     data: null
//   }
// ]

let rfps4 = treeToFilepath(r4.treeItems, { delimiter: '>' })
console.log('rfps4', rfps4)
// => rfps4 [
//   { type: 'folder', path: '>aaa' },
//   { type: 'folder', path: '>aaa>bbb' },
//   { type: 'file', path: '>aaa>bbb>z1.txt' }
// ]

let fps5 = [{ 'type': 'folder', 'path': '/aaa' }, { 'type': 'file', 'path': '/aaa/bbb/z1.txt' }]
let r5 = filepathToTree(fps5, { bindRoot: 'ROOT' })
console.log('r5.treeItems', r5.treeItems)
// => r5.treeItems [
//   {
//     ns: 1,
//     ts: [ 'ROOT' ],
//     pathInfors: [ [Object] ],
//     _type: 'folder',
//     type: 'array',
//     numOfChilren: -1,
//     id: 'ROOT',
//     parentId: '',
//     text: 'ROOT',
//     children: [ [Object] ],
//     data: null
//   }
// ]

let rfps5 = treeToFilepath(r5.treeItems, { bindRoot: 'ROOT' })
console.log('rfps5', rfps5)
// => rfps5 [
//   { type: 'folder', path: '/aaa' },
//   { type: 'folder', path: '/aaa/bbb' },
//   { type: 'file', path: '/aaa/bbb/z1.txt' }
// ]
Parameters:
Name Type Attributes Default Description
treeItems Array

輸入樹狀物件陣列,每個須提供pathInfors、_type鍵值,其中pathInfors為各所屬(含自己)階層節點資訊,_type需為'folder'或'file',詳見filepathToTree轉出treeItems

opt Object <optional>
{}

輸入設定物件,預設{}

delimiter String <optional>
'/'

輸入路徑分隔字串,預設'/'

bindRoot String <optional>
'root'

輸入臨時封裝用根目錄字串,詳見filepathToTree內設定,預設'root'

Returns:

回傳檔案路徑陣列,每個項目為物件並提供path與type兩鍵值,其中type為'folder'或'file'

Type
Array

(static) trim(c, optopt) → {String}

Description:
  • 字串頭尾去除空白字串,若字串開頭含有BOM亦可清除,若輸入不是字串時則回傳空字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(trim(' abc '))
// => 'abc'

console.log(trim(' 中 文 '))
// => '中 文'

console.log(trim(' abc 中 文 '))
// => 'abc 中 文'

console.log(trim(' abc123 '))
// => 'abc123'

console.log(trim(' abc123 ', { excludeString: true }))
// => '123'

console.log(trim(' 123abc ', { excludeString: true }))
// => '123'

console.log(trim(' a3b321c ', { excludeString: true }))
// => '3b321'
Parameters:
Name Type Attributes Default Description
c String

輸入字串

opt Object <optional>
{}

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
excludeString Boolean <optional>
false

輸入是否頭尾去除非數字字串布林值,預設false

Returns:

回傳去除空白的字串

Type
String

(static) u16arr2b64(u16a) → {String}

Description:
  • Uint16Array轉base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u16arr2b64(new Uint16Array([1, 2.3, '45', 'abc'])))
// => 'AQItAA=='
Parameters:
Name Type Description
u16a Uint16Array

輸入Uint16Array

Returns:

回傳base64字串

Type
String

(static) u16arr2u8arr(u16a) → {Uint8Array}

Description:
  • Uint16Array轉Uint8Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u16arr2u8arr(new Uint16Array([66, 97, 115])))
// => new Uint8Array([66, 97, 115])
Parameters:
Name Type Description
u16a Uint16Array

輸入Uint16Array

Returns:

回傳Uint8Array

Type
Uint8Array

(static) u8arr2ab(u8a) → {ArrayBuffer}

Description:
  • Uint8Array轉ArrayBuffer

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u8arr2ab(new Uint8Array([66, 97, 115])))
// (new Uint8Array([66, 97, 115])).buffer
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array

Returns:

回傳ArrayBuffer

Type
ArrayBuffer

(static) u8arr2b64(u8a) → {String}

Description:
  • Uint8Array轉base64字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u8arr2b64(new Uint8Array([1, 2.3, '45', 'abc'])))
// => 'AQItAA=='
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array

Returns:

回傳base64字串

Type
String

(static) u8arr2blob(u8a) → {Blob}

Description:
  • Unit8Array資料轉Blob資料

    Unit Test: Github

Source:
Example
Try in Codepen
need test in browser

let u8a = new Uint8Array([1, 2.3, '45', 'abc'])
let bb = u8arr2blob(u8a)
console.log(bb)
// => Blob {size: 4, type: ""}
Parameters:
Name Type Description
u8a Unit8Array

輸入Unit8Array資料

Returns:

回傳Blob資料

Type
Blob

(static) u8arr2bs(u8a) → {String}

Description:
  • Unit8Array轉BinaryString,BinaryString為UTF-16編碼

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u8arr2bs(new Uint8Array([97, 98, 99])))
// => 'abc'
Parameters:
Name Type Description
u8a Unit8Array

輸入Unit8Array資料

Returns:

回傳BinaryString字串

Type
String

(static) u8arr2obj(u8a) → {Object|Array}

Description:
  • Uint8Array轉物件或陣列資料

    Unit Test: Github

Source:
Example
Try in Codepen
let u8a = new Uint8Array([
    64, 24, 0, 0, 0, 0, 0, 0, 91, 53, 56, 44,
    51, 93, 123, 34, 97, 34, 58, 91, 49, 50, 51, 44,
    52, 53, 46, 54, 55, 44, 34, 116, 101, 115, 116, 228,
    184, 173, 230, 150, 135, 34, 93, 44, 34, 98, 34, 58,
    123, 34, 99, 34, 58, 34, 91, 85, 105, 110, 116, 56,
    65, 114, 114, 97, 121, 93, 58, 58, 48, 34, 125, 125,
    66, 97, 115
])
let data = u8arr2obj(u8a)
console.log(data)
// => { a: [ 123, 45.67, 'test中文' ], b: { c: Uint8Array [ 66, 97, 115 ] } }
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array

Returns:

回傳物件或陣列資料,物件內可支援Uint8Array、Uint16Array、ArrayBuffer,因obj2u8arr預設會把ArrayBuffer轉Uint8Array進行操作,故物件內原為ArrayBuffer者會以Uint8Array返回

Type
Object | Array

(static) u8arr2str(u8a) → {String}

Description:
  • Uint8Array轉字串

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u8arr2str(new Uint8Array([116, 101, 115, 116, 228, 184, 173, 230, 150, 135])))
// => test中文
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array

Returns:

回傳一般字串

Type
String

(static) u8arr2u16arr(u8a) → {Uint16Array}

Description:
  • Uint8Array轉Uint16Array

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(u8arr2u16arr(new Uint8Array([66, 97, 115])))
// => new Uint16Array([66, 97, 115])
Parameters:
Name Type Description
u8a Uint8Array

輸入Uint8Array

Returns:

回傳Uint16Array

Type
Uint16Array

(static) urlParse(url) → {Object}

Description:
  • 切分網址取得參數物件

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(urlParse('http://localhost:3000/index.html?a=12.34&b=xyz&abc=xyz123.456'))
// => { a: '12.34', abc: 'xyz123.456', b: 'xyz' }
Parameters:
Name Type Description
url String

輸入要切分的網址字串

Returns:

回傳資訊物件

Type
Object

(static) verifyValue(type, value) → {Object}

Description:
  • 驗證數值是否為指定類型

    Unit Test: Github

Source:
Example
Try in Codepen
console.log(verifyValue('12a5', 'isstr'))
// => r.err=false

console.log(verifyValue('12', 'isint'))
// => r.err=false

console.log(verifyValue('0', 'isp0int'))
// => r.err=false

console.log(verifyValue('12', 'isp0int'))
// => r.err=false

console.log(verifyValue('0', 'isn0int'))
// => r.err=false

console.log(verifyValue('-12', 'isn0int'))
// => r.err=false

console.log(verifyValue('12.34', 'isnum'))
// => r.err=false

console.log(verifyValue('12.34', 'isp0num'))
// => r.err=false

console.log(verifyValue('-12.34', 'isn0num'))
// => r.err=false
Parameters:
Name Type Description
type String | function

輸入判斷資料類型字串或判斷函式,資料類型可選為'isstr','isnum','isp0num','isn0num','isint','ispint','isp0int','isnint','isn0int','isfun'

value *

輸入任意資料

Returns:

回傳判斷結果,屬性value為回傳資料類型的取值,屬性err為是否資料類型有錯,屬性errmsg為類型有錯時之錯誤訊息

Type
Object

(async, static) waitFun(fun, opt) → {Promise}

Description:
  • 等待f函數回傳true

    Unit Test: Github

Source:
Example
Try in Codepen
async function topAsync() {

    function test1() {
        return new Promise((resolve, reject) => {
            let ms = []

            let i = 0
            waitFun(function() {
                i++
                console.log('waiting: ' + i)
                ms.push('waiting: ' + i)
                return i >= 2
            })
                .then(function() {
                    console.log('test1 then')
                    ms.push('test1 then')
                })

            setTimeout(function() {
                resolve(ms)
            }, 1100)

        })
    }
    console.log('test1')
    let r1 = await test1()
    console.log(JSON.stringify(r1))
    // test1
    // waiting: 1
    // waiting: 2
    // test1 then
    // ["waiting: 1","waiting: 2","test1 then"]

    function test2() {
        let ms = []
        let i = 0

        let f = () => {
            return new Promise((resolve, reject) => {
                setTimeout(function() {
                    i++
                    console.log('waiting: ' + i)
                    ms.push('waiting: ' + i)
                    resolve(i >= 2)
                }, 1100)
            })
        }

        return waitFun(f)
            .then(function() {
                console.log('test2 then')
                ms.push('test2 then')
                return ms
            })

    }
    console.log('test2')
    let r2 = await test2()
    console.log(JSON.stringify(r2))
    // test2
    // waiting: 1
    // waiting: 2
    // test2 then
    // ["waiting: 1","waiting: 2","test2 then"]
    // waiting: 3

}
topAsync().catch(() => {})
Parameters:
Name Type Description
fun function

輸入判斷用函數

opt Object

輸入設定物件,預設{}

Properties
Name Type Attributes Default Description
attemptNum Integer <optional>
200

輸入最大嘗試次數,為正整數,預設200

timeInterval Integer <optional>
1000

輸入嘗試時間週期,為正整數,單位為ms,預設1000

Returns:

回傳Promise,resolve為空代表f函數回傳true或超過最大嘗試次數,reject為錯誤訊息

Type
Promise