江苏龙网

  1. 主页 > 生活百科 > >

手把手教你常用的59个JS类方法( 三 )

JS类


/** * 判断两个对象是否相等,目前只支持对象值为简单数据类型的判断 * @param {Object} oneObj对象 * @param {Object} twoObj 对象 */export const objIsEqual = (oneObj, twoObj) => {const aProps = Object.getOwnPropertyNames(oneObj);const bProps = Object.getOwnPropertyNames(twoObj);if (aProps.length != bProps.length) {return false;}for (let i = 0; i < aProps.length; i++) {let propName = aProps[i];let propA = oneObj[propName];let propB = twoObj[propName];if ( propA !== propB) {return false;}}return true;}复制代码29.objDeepClone对象深度克隆; 1.JSON.stringify深度克隆对象; 2.无法对函数 、RegExp等特殊对象的克隆; 3.会抛弃对象的constructor,所有的构造函数会指向Object; 4.对象有循环引用,会报错
/** * 对象深度克隆, * JSON.stringify深度克隆对象 * 无法对函数 、RegExp等特殊对象的克隆, * 会抛弃对象的constructor,所有的构造函数会指向Object * 对象有循环引用,会报错 * @param {Object}obj 克隆的对象 */export const objDeepClone = obj => {return clone(obj)}const isType = (obj, type) => {if (typeof obj !== 'object') return false;// 判断数据类型的经典方法：const typeString = Object.prototype.toString.call(obj);let flag;switch (type) {case 'Array':flag = typeString === '[object Array]';break;case 'Date':flag = typeString === '[object Date]';break;case 'RegExp':flag = typeString === '[object RegExp]';break;default:flag = false;}return flag;};/*** deep clone* @param{[type]} parent object 需要进行克隆的对象* @return {[type]}深克隆后的对象*/const clone = parent => {// 维护两个储存循环引用的数组const parents = []const children = []const _clone = parent => {if (parent === null) return nullif (typeof parent !== 'object') return parentlet child, protoif (isType(parent, 'Array')) {// 对数组做特殊处理child = []} else if (isType(parent, 'RegExp')) {// 对正则对象做特殊处理child = new RegExp(parent.source, getRegExp(parent))if (parent.lastIndex) child.lastIndex = parent.lastIndex} else if (isType(parent, 'Date')) {// 对Date对象做特殊处理child = new Date(parent.getTime())} else {// 处理对象原型proto = Object.getPrototypeOf(parent)// 利用Object.create切断原型链child = Object.create(proto)}// 处理循环引用const index = parents.indexOf(parent)if (index !== -1) {// 如果父数组存在本对象,说明之前已经被引用过,直接返回此对象return children[index]}parents.push(parent)children.push(child)for (const i in parent) {// 递归child[i] = _clone(parent[i])}return child}return _clone(parent)}复制代码storage30.localStorageSetlocalStorage 存贮 目前对象值如果是函数 、RegExp等特殊对象存贮会被忽略
/** * localStorage 存贮 * 目前对象值如果是函数 、RegExp等特殊对象存贮会被忽略 * @param {String} key属性 * @param {Object} value 值 */export const localStorageSet = (key, value) => {if (typeof (value) === 'object') value = https://www.isolves.com/it/cxkf/yy/js/2020-05-11/JSON.stringify(value)localStorage.setItem(key, value)}复制代码31.localStorageGetlocalStorage 获取
/** * localStorage 获取 * @param {String} key属性 */export const localStorageGet = (key) => {return localStorage.getItem(key)}复制代码32.localStorageRemovelocalStorage 移除
/** * localStorage 移除 * @param {String} key属性 */export const localStorageRemove = (key) => {localStorage.removeItem(key)}复制代码33.localStorageSetExpirelocalStorage 存贮某一段时间失效
/** * localStorage 存贮某一段时间失效 * @param {String} key属性 * @param {*} value 存贮值 * @param {String} expire 过期时间,毫秒数 */export const localStorageSetExpire = (key, value, expire) => {if (typeof (value) === 'object') value = https://www.isolves.com/it/cxkf/yy/js/2020-05-11/JSON.stringify(value)localStorage.setItem(key, value)setTimeout(() => {localStorage.removeItem(key)}, expire)}复制代码34.sessionStorageSetsessionStorage 存贮
/** * sessionStorage 存贮 * @param {String} key属性 * @param {*} value 值 */export const sessionStorageSet = (key, value) => {if (typeof (value) === 'object') value = https://www.isolves.com/it/cxkf/yy/js/2020-05-11/JSON.stringify(value)sessionStorage.setItem(key, value)}复制代码35.sessionStorageGetsessionStorage 获取
/** * sessionStorage 获取 * @param {String} key属性 */export const sessionStorageGet = (key) => {return sessionStorage.getItem(key)}复制代码36.sessionStorageRemovesessionStorage 删除
/** * sessionStorage 删除 * @param {String} key属性 */export const sessionStorageRemove = (key, value) => {sessionStorage.removeItem(key, value)}复制代码37.sessionStorageSetExpiresessionStorage 存贮某一段时间失效


推荐阅读


上一篇：将军三箭定天山写的历史人物是谁？

下一篇：生肖兔忌讳什么属相？