- 当前位置：首页 >休闲 >前端经常会用到的JavaScript方法封装
前端经常会用到的JavaScript方法封装
发布时间：2025-11-04 20:17:12 来源：创站工坊 作者：系统运维
1.数组去重
function unique1(arr) { return [...new Set(arr)] } function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) { obj[ele] = true; return true; } }) } function unique3(arr) { var result = []; arr.forEach(ele => { if (result.indexOf(ele) == -1) { result.push(ele) } }) return result; }2.字符串去重
String.prototype.unique = function () { var obj = {},前端 str = , len = this.length; for (var i = 0; i < len; i++) { if (!obj[this[i]]) { str += this[i]; obj[this[i]] = true; } } return str; } ###### //去除连续的字符串 function uniq(str) { return str.replace(/(w)1+/g, $1) }3.输入一个值，返回其数据类型
function type(para) { return Object.prototype.toString.call(para) }4.找出字符串中第一次只出现一次的经常字母
String.prototype.firstAppear = function () { var obj = {}, len = this.length; for (var i = 0; i < len; i++) { if (obj[this[i]]) { obj[this[i]]++; } else { obj[this[i]] = 1; } } for (var prop in obj) { if (obj[prop] == 1) { return prop; } } }5.深拷贝 浅拷贝
//深克隆（深克隆不考虑函数） function deepClone(obj, result) { var result = result || {}; for (var prop in obj) { if (obj.hasOwnProperty(prop)) { if (typeof obj[prop] == object && obj[prop] !== null) { // 引用值(obj/array)且不为null if (Object.prototype.toString.call(obj[prop]) == [object Object]) { // 对象 result[prop] = {}; } else { // 数组 result[prop] = []; } deepClone(obj[prop], result[prop]) } else { // 原始值或func result[prop] = obj[prop] } } } return result; } // 深浅克隆是针对引用值 function deepClone(target) { if (typeof (target) !== object) { return target; } var result; if (Object.prototype.toString.call(target) == [object Array]) { // 数组 result = [] } else { // 对象 result = {}; } for (var prop in target) { if (target.hasOwnProperty(prop)) { result[prop] = deepClone(target[prop]) } } return result; } // 无法复制函数 var o1 = jsON.parse(jsON.stringify(obj1));6.判断元素有没有子元素
function hasChildren(e) { var children = e.childNodes, len = children.length; for (var i = 0; i < len; i++) { if (children[i].nodeType === 1) { return true; } } return false; }7.返回当前的香港云服务器时间(年月日时分秒)
function getDateTime() { var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate(), hour = date.getHours() + 1, minute = date.getMinutes(), second = date.getSeconds(); month = checkTime(month); day = checkTime(day); hour = checkTime(hour); minute = checkTime(minute); second = checkTime(second); function checkTime(i) { if (i < 10) { i = "0" + i; } return i; } return "" + year + "年" + month + "月" + day + "日" + hour + "时" + minute + "分" + second + "秒" }8.兼容getElementsByClassName方法
Element.prototype.getElementsByClassName = Document.prototype.getElementsByClassName = function (_className) { var allDomArray = document.getElementsByTagName(*); var lastDomArray = []; function trimSpace(strClass) { var reg = /s+/g; return strClass.replace(reg, ).trim() } for (var i = 0; i < allDomArray.length; i++) { var classArray = trimSpace(allDomArray[i].className).split( ); for (var j = 0; j < classArray.length; j++) { if (classArray[j] == _className) { lastDomArray.push(allDomArray[i]); break; } } } return lastDomArray; }9.封装自己的forEach方法
Array.prototype.myForEach = function (func, obj) { var len = this.length; var _this = arguments[1] ? arguments[1] : window; // var _this=arguments[1]||window; for (var i = 0; i < len; i++) { func.call(_this, this[i], i, this) } }10.封装自己的filter方法
Array.prototype.myFilter = function (func, obj) { var len = this.length; var arr = []; var _this = arguments[1] || window; for (var i = 0; i < len; i++) { func.call(_this, this[i], i, this) && arr.push(this[i]); } return arr; }11.封装自己的数组map方法
Array.prototype.myMap = function (func) { var arr = []; var len = this.length; var _this = arguments[1] || window; for (var i = 0; i < len; i++) { arr.push(func.call(_this, this[i], i, this)); } return arr; }12.封装自己的云服务器提供商数组every方法
Array.prototype.myEvery = function (func) { var flag = true; var len = this.length; var _this = arguments[1] || window; for (var i = 0; i < len; i++) { if (func.apply(_this, [this[i], i, this]) == false) { flag = false; break; } } return flag; }13.封装自己的数组reduce方法
Array.prototype.myReduce = function (func, initialValue) { var len = this.length, nextValue, i; if (!initialValue) { // 没有传第二个参数 nextValue = this[0]; i = 1; } else { // 传了第二个参数 nextValue = initialValue; i = 0; } for (; i < len; i++) { nextValue = func(nextValue, this[i], i, this); } return nextValue; }14.获取url中的参数
function getWindonHref() { var sHref = window.location.href; var args = sHref.split(?); if (args[0] === sHref) { return ; } var hrefarr = args[1].split(#)[0].split(&); var obj = {}; for (var i = 0; i < hrefarr.length; i++) { hrefarr[i] = hrefarr[i].split(=); obj[hrefarr[i][0]] = hrefarr[i][1]; } return obj; }15.数组排序
// 快排 [left] + min + [right] function quickArr(arr) { if (arr.length <= 1) { return arr; } var left = [], right = []; var pIndex = Math.floor(arr.length / 2); var p = arr.splice(pIndex, 1)[0]; for (var i = 0; i < arr.length; i++) { if (arr[i] <= p) { left.push(arr[i]); } else { right.push(arr[i]); } } // 递归 return quickArr(left).concat([p], quickArr(right)); } // 冒泡 function bubbleSort(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] > arr[j]) { var temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; } } } return arr; } function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } return arr;- 电脑启动问题解决办法（如何解决电脑一直启动进不了的问题）
- 解决电脑删除PIN密码错误的方法（忘记PIN密码时的应对策略）
- 如何详细安装GPT电脑教程（一步步教你安装GPT电脑，让你的电脑性能更出色）
- 解决电脑启动Windows错误的有效方法
- 电脑百度打开显示错误，如何解决？（遇到电脑百度打开显示错误该怎么办？）
- 电脑声卡芯片修复教程（快速修复电脑声卡问题的详细教程）
- 联想电脑连接优盘教程（简单易懂的连接步骤，助你快速传输文件）
- Mac电脑不可恢复多错误的原因及解决方法（解析Mac电脑不可恢复多错误的常见问题和解决技巧）
- 电脑设计支架设计教程（让你的电脑工作更高效、更舒适、更健康）
- 电脑USB无线WiFi接收器使用方法详解（让你的电脑拥有无线网络连接）
- 解决U盘写保护问题的有效方法（终结U盘写保护困扰，实现格式化的妙招）
- MotoZ2018
- 深度清理系统碎片，让电脑快人一步（免费软件分享，让你的电脑焕然一新）
- Redmi电脑使用教程（了解Redmi电脑的各项功能，轻松上手）
- 老捷达电脑板拆卸教程——解密老爷车中的黑科技（学会拆卸老捷达电脑板，让你的车焕然一新）
- 小猪一键还原教程（轻松备份和恢复你的系统，让电脑重装游刃有余）
- 窗口7系统教程（从入门到精通，轻松掌握窗口7系统的使用技巧）
- 小猪一键还原教程（轻松备份和恢复你的系统，让电脑重装游刃有余）
- 解决电脑开机显示英文Windows错误恢复的问题（从错误诊断到系统恢复，帮助您解决电脑开机故障）
- 电脑硬盘错误导致无法启动的解决方法（解决电脑硬盘错误的有效措施及注意事项）
随便看看
香港云服务器亿华云益华科技服务器租用IT资讯网源码库IT技术网源码下载企商汇益华IT技术论坛智能时代编程之道汇智坊益强编程堂科技前瞻亿华云计算全栈开发云智核益强前沿资讯极客编程亿华智造码上建站益强智囊团益强智未来益强科技创站工坊亿华互联益强编程舍多维IT资讯码力社益强科技益强数据堂益华科技思维库益强资讯优选亿华云IT资讯网亿华科技云站无忧极客码头亿华灵动亿华智慧云
- Copyright © 2025 Powered by 前端经常会用到的JavaScript方法封装,创站工坊 滇ICP备2023006006号-44sitemap