ホームページ > 記事 > ウェブフロントエンド > 開発中によく使用される js メソッドのカプセル化 (概要)
この記事では、開発中によく使用される js メソッドのカプセル化について紹介します。必要な方は参考にしていただければ幸いです。
1. 配列であるかどうかを判断します
function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } isArray([1,2,3]) //true
2. 関数であるかどうかを判断します (3 種類)
function isFunction(fn) { return Object.prototype.toString.call(fn) ==='[object Function]'; return fn.constructor == Function; return fn instanceof Function; return typeof (fn) == Function; }
3. 配列の重複排除。配列内の要素は数値または文字列のみとみなします。
function newarr(arr){ var arrs = []; for(var i =0;i<arr.length;i++){ if(arrs.indexOf(arr[i])== -1){ arrs.push(arr[i]) } } return arrs; }
4。動的重複排除#
var arr = [1,2, 3, 4]; function add() { var newarr = []; $('.addEle').click(() => { var rnd = Math.ceil(Math.random() * 10); newarr.push(rnd) for (var i =0; i < newarr.length; i++) { if (arr.indexOf(newarr[i]) == -1) { arr.push(newarr[i]) arr.sort(function (a, b) { return b - a //降序 }); } } console.log(arr)//[1,2,3,4,5,6,7,8,9] }) } add()#。 ## 5. 文字列スペースを削除します (3 つの状況を含む)
#
function trim(str) { return str.replace(/^[" "||" "]*/,"").replace(/[" "|" "]*$/,"");// 去除头和尾 return str.replace(/\s/g,'');//去除所有空格 return str.replace(/(\s*$)/g,"");//去除右边所有空格 }6. 電子メール アドレスかどうかを確認します
function isEmail(emailStr) { var reg = /^[a-zA-Z0-9]+([._-]*[a-zA-Z0-9]*)*@[a-zA-Z0-9]+.[a-zA-Z0-9{2,5}$]/; var result = reg.test(emailStr); if (result) { alert("ok"); } else { alert("error"); } }7。メールアドレスか携帯電話番号
function isMobilePhone(phone) { var reg = /^1\d{10}$/; if (reg.test(phone)) { alert('ok'); } else { alert('error'); } }8. オブジェクトの最初の要素の番号を取得します
function getObjectLength(obj){ var i=0; for( var attrin obj){ if(obj.hasOwnProperty(attr)){ i++; } } console.log(i); } var obj = {name:'kob',age:20}; getObjectLength(obj) //29。ブラウザ ウィンドウの位置に相対的な要素の数。{x,y} オブジェクトを返します。
function getPosition(element) { var offsety = 0; offsety += element.offsetTop; var offsetx = 0; offsetx += element.offsetLeft; if (element.offsetParent != null) { getPosition(element.offsetParent); } return { Left: offsetx, Top: offsety }; }10 文字列内に特定の文字が出現する回数を決定します。 ##
var str = 'To be, or not to be, that is the question.'; var count = 0; var pos = str.indexOf('e'); while (pos !== -1) { count++; pos = str.indexOf('e', pos + 1); } console.log(count) //4
11 、配列内で最も多く出現する要素を計算します
var arrayObj = [1,1, 2, 3, 3, 3,4, 5, 5]; var tepm = '',count =0; var newarr = new Array(); for(var i=0;i<arrayObj.length;i++){ if (arrayObj[i] != -1) { temp = arrayObj[i]; } for(var j=0;j<arrayObj.length;j++){ if (temp == arrayObj[j]) { count++; arrayObj[j] = -1; } } newarr.push(temp + ":" + count); count = 0; } for(var i=0;i<newarr.length;i++){ console.log(newarr[i]); }
12 配列フィルター (検索関数)
var fruits = ['apple','banana', 'grapes','mango', 'orange']; function filterItems(query) { return fruits.filter(function(el) { return el.toLowerCase().indexOf(query.toLowerCase()) > -1; }) } console.log(filterItems('ap')); // ['apple', 'grapes']
13. オブジェクトのコピー (No. A)
//第一种 var cloneObj =function(obj) { var newObj = {}; if (obj instanceof Array) { newObj = []; } for (var keyin obj) { var val = obj[key]; newObj[key] = typeof val === 'object' ? cloneObj(val) : val; } return newObj; }; //第二种 function clone(origin , target){ var target = target || {}; for(var propin origin){ target[prop] = origin[prop]; } return target; }
14. 最大値と配列の最小値
var newObj ={}; function deepClone(origin,target){ var target = target || {}, toStr = Object.prototype.toString, arrStr = "[object Array]"; for(var propin origin){ if(origin.hasOwnProperty(prop)){ if(origin[prop] != "null" && typeof(origin[prop]) == 'object'){//判断原型链 target[prop] = (toStr.call(origin[prop]) == arrStr) ? [] : {}//判断obj的key是否是数组 deepClone(origin[prop],target[prop]);//递归的方式 }else{ target[prop] = origin[prop]; } } } return target } deepClone(obj,newObj); console.log(newObj)
16. JSON 配列の重複排除
Array.prototype.max = function(){ return Math.max.apply({},this) } Array.prototype.min = function(){ return Math.min.apply({},this) } console.log([1,5,2].max())
17. 2 つの配列を比較し、交差部分を取り出します
function UniquePay(paylist){ var payArr = [paylist[0]]; for(var i =1; i < paylist.length; i++){ var payItem = paylist[i]; var repeat = false; for (var j =0; j < payArr.length; j++) { if (payItem.name == payArr[j].name) { repeat = true; break; } } if (!repeat) { payArr.push(payItem); } } return payArr; }
18. 配列合計オブジェクトの比較。配列要素
Array.intersect = function () { var result = new Array(); var obj = {}; for (var i =0; i < arguments.length; i++) { for (var j =0; j < arguments[i].length; j++) { var str = arguments[i][j]; if (!obj[str]) { obj[str] = 1; } else { obj[str]++; if (obj[str] == arguments.length) { result.push(str); } }//end else }//end for j }//end for i return result; } console.log(Array.intersect(["1","2", "3"], ["2","3", "4", "5", "6"]))
19と同じキーを持つオブジェクトを取り出し、配列中の要素を削除します。
var arr = ['F00006','F00007','F00008']; var obj = {'F00006':[{'id':21}],'F00007':[{'id':11}]} var newobj = {}; for(var itemin obj){ if(arr.includes(item)){ newobj[item] = obj[item] } } console.log(newObj)
20を決定します。配列に特定の要素が含まれているかどうか
//第一种 Array.prototype.remove = function(val){ var index = this.indexOf(val); if(index !=0){ this.splice(index,1) } } [1,3,4].remove(3) //第二种 function remove(arr, indx) { for (var i =0; i < arr.length; i++) { var index = arr.indexOf(arr[i]); if (indx == index) { arr.splice(index, 1) } } return arr }要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、
JavaScript ビデオ チュートリアルをご覧ください。
関連する推奨事項:php 公共福祉トレーニング ビデオ チュートリアル
以上が開発中によく使用される js メソッドのカプセル化 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。