JavaScript 공통 도구 함수 라이브러리 요약
5411 단어 JavaScript도구함수창고
/**
*
* @param {*} cloneObj
* @param {*} targetObj
* @param {*} isOverride ,
*/
function deepClone(cloneObj, targetObj, isOverride = true) {
const _toString = Object.prototype.toString
if (_toString.call(cloneObj) !== '[object Array]' && _toString.call(cloneObj) !== '[object Object]') {
return cloneObj
}
var cloneTarget = _toString.call(cloneObj) === '[object Array]' ? [] : {}
for (let key in cloneObj) {
if (Object.prototype.hasOwnProperty.call(cloneObj, key)) {
if (_toString.call(cloneObj[key]) === '[object Array]' || _toString.call(cloneObj[key]) === '[object Object]') {
cloneTarget[key] = deepClone(cloneObj[key])
} else {
cloneTarget[key] = cloneObj[key]
}
}
}
if (targetObj && (_toString.call(cloneObj) === _toString.call(targetObj))) {
// , deepClone
cloneTarget = isOverride
? Object.assign(cloneTarget, deepClone(targetObj))
: Object.assign(deepClone(targetObj), cloneTarget)
}
return cloneTarget
}
정확한 데이터 유형 판단
//
function getVerifyDataTypes() {
const types = ["String", "Number", "Boolean", "Null", "Undefined", "Function", "Object", "Array", "Date", "Error", "RegExp", "Symbol", "Map", "Set"]
let Type = {}
// :Type.isString('javascript')
for (let i = 0; i < types.length; i++) {
Type[`is${types[i]}`] = obj => Object.prototype.toString.call(obj) === `[object ${types[i]}]`
}
// json
Type.isJsonStr = str => {
if (typeof str == 'string') {
try {
let obj = JSON.parse(str);
if (obj && typeof obj == 'object') {
return true;
}
return false;
} catch (e) {
return false;
}
} else {
return false;
}
}
return Type
}
날짜 포맷
/**
*
* @param {*} date
* @param {*} beforeHyphen
* @param {*} afterHyphen
*/
function formatDate(date = new Date(), beforeHyphen = '-', afterHyphen = ':') {
const formatNumber = n => {
n = n.toString()
return n[1] ? n : `0${n}`
}
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
const ymd = [year, month, day].map(formatNumber).join(beforeHyphen)
const hms = [hour, minute, second].map(formatNumber).join(afterHyphen)
return `${ymd} ${hms}`
}
시간 스탬프를 남은 일, 시, 분, 초로 변환
/**
* 、 、 、 ,
* @param {*} timestamp
*/
function converTimestamp(timestamp) {
const formatNumber = n => {
n = n.toString()
return n[1] ? n : `0${n}`
}
let day = Math.floor((timestamp / 1000 / 3600) / 24);
let hour = Math.floor((timestamp / 1000 / 3600) % 24);
let minute = Math.floor((timestamp / 1000 / 60) % 60);
let second = Math.floor(timestamp / 1000 % 60);
return {
day: day,
hour: formatNumber(hour),
minute: formatNumber(minute),
second: formatNumber(second)
}
}
수조에서 무작위로 하나를 꺼내다
//
function getRandomItemByArray(items) {
return items[Math.floor(Math.random() * items.length)];
}
부자 관계가 있는 그룹을 트리 구조 데이터로 변환
let data = [
{ parentId: 0, id: 1, value: 'xxx' },
{ parentId: 1, id: 3, value: 'xxx' },
{ parentId: 4, id: 6, value: 'xxx' },
{ parentId: 3, id: 5, value: 'xxx' },
{ parentId: 2, id: 4, value: 'xxx' },
{ parentId: 1, id: 2, value: 'xxx' },
]
// Array
function toTreeAry(arr, pId = 0) {
return arr
.filter(({ parentId }) => parentId === pId)
.map(a => ({
...a,
children: toTreeAry(arr.filter(({ parentId }) => parentId !== pId), a.id)
}))
}
// Object
function toTreeObj(arr, pId = 0) {
let res = {}
arr.filter(({ parentId }) => parentId === pId)
.forEach(a => {
res[a.id] = {
...a,
children: toTreeObj(arr.filter(({ parentId }) => parentId !== pId), a.id)
}
})
return res
}
console.log(toTreeAry(data))
console.log(toTreeObj(data))
무작위 문자열 생성
//
const randomStr = () => {
return new Date().getTime() + '-' + Math.random().toString(36).substr(2)
}
html 태그 필터링
// html
const filterHTMLTag = (str) => {
str = str.replace(/<\/?[^>]*>/g, ''); // HTML Tag
str = str.replace(/[|]*
/, '') //
str = str.replace(/&npsp;/ig, ''); // npsp
return str;
}
다음은 JavaScript 상용 도구 함수 라이브러리 집합의 상세한 내용입니다. JavaScript 도구 함수 라이브러리에 대한 더 많은 자료는 저희 다른 관련 글을 주목해 주십시오!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.