js 공통 코드 snippets_javascript 기술 구성

각 코드 앞에는 기능 주석, 매개변수 요구 사항 등의 설명 텍스트가 나옵니다. 어렵지 않으므로 더 이상 설명을 하지 않습니다. 명확하게 보기 위해 다음은 순서대로 작은 디렉토리입니다.
window.setTimeout 다시 작성,
재귀 프로그램의 반환 패턴 이해,
긴 문자열 가로채기,
페이지에서 요소 위치 가져오기 절대 위치,
통계, 중복 문자 제거(여러 방법으로 구현),
정렬된 배열 요소의 무작위 섞기(여러 방법으로 구현).

코드 복사 코드는 다음과 같습니다.

/*
함수: window.setTimeout을 수정하여 매개변수와 객체 매개변수를 전달할 수 있도록 합니다(setInterval에도 사용 가능)
사용 방법: setTimeout(콜백 함수, 시간, 매개변수 1, ... ., 매개변수 n) (FF는 기본 지원, IE는 지원하지 않음)
*/
var __sto = setTimeout
window.setTimeout = function(callback,timeout,param){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args)
__sto(_cb, 시간 초과);
}
function aaaaa(a,b,c){
alert(a b c);
}
window.setTimeout(aaaaa,2000,5,6,7); /**//*
기능: 재귀 프로그램의 반환 패턴 이해(내부에서 외부로)
객체 간 멤버 상호 참조
*/
var ninja = {
yell: function(n){
return n > 0 ? ninja.yell(n-1) "a" : "안녕하세요";
}
};
alert(ninja.yell(4))//결과는 다음과 같습니다: hiyaaaa
var samurai = { 소리: ninja.yell }//var ninja = {}; / / 여기에 있는 주석이 결과에 영향을 미치는지 여부
try {
alert(samurai.yell(4))
} catch(e){
alert("어, 이건 안 좋아! ninja.yell은 어디로 갔지?" );
} /**함수: 긴 문자열 차단
* @param {string} str 차단할 문자열
* @param {number} 크기 차단 길이(단일 바이트 길이)
*/
var subStr = function(str, size){
var curSize = 0, arr = [];
for(var i = 0, len = str.length; i arr.push(str.charAt(i))
if (str.charCodeAt (i) > 255){
curSize = 2;
if(size === curSize || size === curSize - 1){
return arr.join(''); >}
}else{
curSize;
if(size === curSize){
return arr.join('')
}
}
}
} ;
var str = '#%*...Ӓabcd가 너무 길지 않습니다.'
alert(str.length)
alert(str.substr(0, 15) );
alert(subStr(str, 15));/**//*
함수: 페이지에서 요소의 절대 위치를 가져옵니다(페이지의 왼쪽 상단을 기준으로)
@param {string} node 위치를 구할 DOM 요소
*/
function getAbsPosition(node) {
var t = node.offsetTop
var l = node. offsetLeft
while (노드 ​​= node.offsetParent) {
t = node.offsetTop;
l = node.offsetLeft
}
alert("top=" t "n " "left=" l );
}/**//*
함수 : 통계, 반복문자 제거
@param str 계산할 문자열
설명 : 문자열에서 반복되는 문자나 배열에서 반복되는 문자, 숫자 등을 세는 데 주로 사용됩니다.
여기에는 인터넷에서 수집한 두 가지 일반적인 유형이 있으며 각각 두 가지 구현 방법이 있으며 다른 각도에서 작성된 많은 변형이 있으며 검색하고 학습할 수 있습니다. 계산할 데이터는 배열 또는 문자열일 수 있습니다. String.split() 또는 Array.join()
을 사용하여 함수 매개변수에 필요한 유형으로 변환하세요.
*/ // 유형 1: 새 객체를 사용하여 데이터 저장
var count1 = function (str) {
var map = {} , maxCount = 0, maxChar , 정의되지 않음, i = str.length;
while (i--) {
var t = str.charAt(i)
map[t] == ​​​​정의되지 않음 ? map[t] = 1 : map[t] = 1;
if (map[t] > maxCount) {
maxChar = t
maxCount = map[maxChar];
}
return "Character:" maxChar "Number of times:" maxCount
}function s_0(a) { // 여기서 매개변수는 배열 유형이어야 합니다.
var b = {}, c = [], i;
for (i = 0; i if (!b[a[i]]) {
c[c.length] = a[i], b[a[i ]] = true;
}
}
return c;
}// 유형 2: 정규식 일치 통계
var count2 = 함수 (str) {
varmost = str.split('').sort().join('').match(/(.)1*/g) //반복되는 문자 정렬
most = Most.sort(function (a, b) { return a.length - b.length }).pop(); // 발생 빈도순으로 정렬
returnmost.length ': 'most[0]; >}function s_1(a) {
var a = a.join(""), b = []
while (a.length > 0)
a = a.replace(new RegExp ((b[b.length] = a.charAt(0)), "g"), "");
return b;
}/**//*
기능: 주문한 내용을 스크램블합니다. 배열(순서가 지정되지 않은 무작위 배열 생성)
설명: 모든 사람은 기본 정렬 알고리즘에 익숙해야 합니다. 그러나 프로그래밍에서는 반대 작업, 즉 원래 순서가 지정된 배열 요소를 무작위로 섞는 작업이 자주 사용됩니다.
다음은 세 가지 방법입니다. 첫 번째는 제가 작성한 코드의 수준이 좋지 않아 시간 복잡도가 너무 높았기 때문에
에서 간단하고 효율적인 방법을 찾아보았습니다. 인터넷.
두 번째는 많은 분들이 들어보셨을 '셔플링 알고리즘'이라고 합니다.
세 번째는 구현이 매우 간단한 JS 내장 정렬 방식을 사용하는 것입니다.
*/
// 방법 1(모든 사람에게 실패의 교훈을 가르치기 위해)
function randArray(num) {
var rands = []
var ra = parseInt(num * Math .random());
rands.push(ra);
for (var r = 0; r ra = parsInt(num * Math.random() );
for (var m = 0; m while (rands[m] == ra) {
ra = parsInt(num * Math.random() );
}
}
rands.push(ra)
//alert(rands)
>}
//방법 2:
//두 [0...array.Length) 사이에서 임의의 숫자를 선택하고 아래 첨자 두 요소를 교환합니다(순서가 더 효율적입니다)
/* 참고: 이것은 "셔플링 알고리즘"입니다. 누군가 셔플링의 효과가 다음과 같다는 것을 증명했습니다.
무작위로 nums/2번을 교환하는 효과는 평균적으로 개체의 약 1/3이 매우 낮습니다.
기본적으로 num번씩 랜덤하게 교환하면 사용 가능하며, 평균적으로 15% 정도의 객체가 원래 위치에 남아있습니다
랜덤으로 num*2회 교환하면 정말 사용 가능하고, 약 2회 정도만 사용 가능합니다. %의 객체는 평균적으로 여전히 원래 위치에 있습니다
*/
function daluan(nums) {
var array=[]
for (var i = 0; i array[i] = i;
}
for (var i = 0; i var rand = parseInt(nums * Math.random() );
var temp = array[i];
array[ i] = array[rand];
array[rand] = temp;
return array;
// 방법 3:
// 비교 함수가 무작위로 전달되도록 합니다. 그냥 -1 또는 1을 반환합니다(재정렬 효율성이 높지 않을 수 있음)
var testArray3=[1,2,3,4,5 ,6,7,8,9,10,22,33,55, 77,88,99];
testArray3.sort(function(){return Math.random()>0.5?-1:1; });
경고(testArray3)