> 웹 프론트엔드 > JS 튜토리얼 > javascript-ecma의 여러 캡슐화 기능 소개

javascript-ecma의 여러 캡슐화 기능 소개

伊谢尔伦
풀어 주다: 2017-05-21 09:50:42
원래의
1532명이 탐색했습니다.

먼저 다음 메서드를 소개합니다.

문자열 메서드:

str.length str.charAt(i): 문자열 one에서 특정 값을 가져옵니다. 🎜>

str.indexOf('e'); 발견되지 않으면 -1을 반환합니다.

str.lastIndexOf('e'): e가 나타나는 위치 ; 찾을 수 없으면 -1을 반환합니다.

str.toUpperCase(); 대문자로 변환 str.toLowerCase(); 소문자로 변환 str.substring(시작 위치, 끝 위치):

문자 ; str.split('cutting method'); 문자열을 배열으로 변환;


삭제 : arr.splice(시작 위치, 삭제된 항목 수); 추가: arr.splice(시작 위치 [앞에 추가할 비트], 0, 요소 1····); 시작 위치, 삭제된 항목 수, 요소 1···); arr.sort(function(n1,n2){return n1 - n2}): sort arr.reverse(): Flip arr.push (); 배열의 뒤쪽에 arr.unshift(): 배열의 앞쪽에 한 자리를 추가합니다. arr.shift(): 배열의 뒤쪽에서 한 자리를 삭제합니다. 배열의 앞부분 ; arr.join('Connection method'); 배열을 문자열로 변환하는 방법; arr.concat(arr1, arr2····); 수학적 방법:
Math.random(); Math.round(): 반올림; Math.floor() 반올림; : 절대값을 구합니다. Math.max(x,y): 최대 숫자를 찾습니다. Math.min(x,y): 숫자의 거듭제곱 수를 찾습니다. Math.sqrt( ): 제곱근;

배열: 여러 항목 저장; json: 여러 항목 저장; json = { //키-값 쌍 name1[key, key]: value1[value, value], name2[key ,key]:value2[value,value], }

json과 arr의 차이점:

1: 길이 정의되지 않은 arr.length; >

2: 첨자 속성 메서드 arr[0];

3: 순서 없음 순서 있음 4: 루프 for in for,while,for in

for in 루프는 배열을 반복할 수도 있지만 성능이 약간 낮기 때문에 권장하지 않습니다;

JS 작은 기능: 쉼표 표현: 마지막 쉼표 뒤의 값만 봅니다.

다음은 클래스를 통해 요소 캡슐화를 얻는 작은 함수입니다:

//getByClass(oParent,sClass);//oParent:从哪个父级下面获取;sClass:要获取的是哪个class名字;
function getByClass(oParent,sClass){
    if(oParent.getElementsByClassName){
        return oParent.getElementsByClassName(sClass);
    }else{
        var aEle = oParent.getElementsByTagName('*');
        var arr = [];
        for(var i = 0; i < aEle.length; i++){
            var tmp = aEle[i].className.split(&#39; &#39;);
            if(findInArr(sClass,tmp) == true){
                arr.push(aEle[i]); 
            }
        }
        return arr;
    }
} 
로그인 후 복사

다음은 몇 가지 작은 경우입니다:

1. 이번 달은 몇 일입니까

<script>
        var oDate=new Date();
        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate())
</script>
로그인 후 복사
2. 그 달의 첫날은 무슨 요일입니까

<script>
   var oDate=new Date();
   oDate.setDate(1);
   alert(oDate.getDay());
</script>
로그인 후 복사

3. 곱셈표

<script>
    document.write(&#39;<table>&#39;);
    for(var i = 1; i <= 9; i++){
        document.write(&#39;<tr>&#39;);
        for(var j = 1; j <= i; j++){
            document.write(&#39;<td>&#39;+i+&#39;*&#39;+j+&#39;=&#39;+i*j+&#39;</td>&#39;);
        }
        document.write(&#39;</tr>&#39;);
    }
    document.write(&#39;</table>&#39;);
</script>
로그인 후 복사
4. json을 문자열로

<script>
    var json={a:12,b:5,c:9,d:6};
    var arr=[];
    for(var name in json){
        arr.push(name+&#39;=&#39;+json[name])
    };
    //alert(arr);
    var str=arr.join(&#39;&&#39;);
    alert(str);
</script>
로그인 후 복사

【관련 권장사항】


무료 js 온라인 동영상 튜토리얼


2.

JavaScript 중국어 참조 매뉴얼

3. php.cn Dugu Jiujian (3) - JavaScript 동영상 튜토리얼

위 내용은 javascript-ecma의 여러 캡슐화 기능 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿