js 진급(2)

5495 단어

열두 번째 날


04-기초진급-02일째 {대상진급, 내장대상}
  • 열두 번째 날
  • 객체
  • 공장 모델 창설 대상
  • 구조 함수 모드 생성 대상
  • 원형 모드 창설 대상
  • 원형 속성

  • 값 유형 & 인용 유형
  • 값 유형을 매개 변수로 한다
  • 인용 유형을 매개 변수로 한다
  • 수 그룹
  • 복제수조
  • 첨삭
  • 문자열 분리 수조
  • 회전수조
  • 수 그룹 필터 필터
  • 배열 인덱스 indexOf
  • 수조에서 원소가 나타날 때마다 가져오는 위치
  • 수조에 있는 요소마다 나타나는 횟수
  • 절취수조
  • 배열 forEach
  • 반복


    대상


    플랜트 모드 작성 객체

  • 공장 모드: 함수에서 대상을 만들 때 모든 속성이 매개 변수로 전달된다
  • 공장 모드에서 만들어진 대상 사용typeof 출력된 것은 모두 Object
    function Student(name,age,sex,score){
        var stu = new Object();
        stu.name = name;
        stu.age = age;
        stu.sex = sex;
        stu.score = score;
        stu.sayHi = function(){
            console.log(" "+this.name+" "+this.age+" ");
        }
        return stu;
    }
    
    var stu1 = new Student("zs",18,1,100);
    var stu2 = new Student("ls",20,2,99);
    var stu3 = new Student("ww",22,1,80);
    
    console.log(typeof stu1);// object
    console.log(typeof stu2);// object
    console.log(typeof stu3);// object
    console.log(stu1 instanceof Student); // false
    console.log(stu2 instanceof Student); // false
    console.log(stu3 instanceof Student); // false
    
    
  • 구조 함수 모드 생성 대상

  • 원리: 사용this 키워드 변경 대상 귀속
    function Student(name,age,sex,score){
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.score = score;
        this.sayHi = function(){
            console.log(" "+this.name+" "+this.age+" ");
        }
    }
    
    var stu1 = new Student("zs",18,1,100);
    console.log(typeof stu1); // object
    console.log(stu1 instanceof Student); // true
    
    
  • 원형 모드 생성 대상


    원형 속성

  • prototype: 구조 함수의 원형 속성이다.속성이나 방법을 구조 함수의 prototype에 귀속시킨 후 앞으로 구조 함수를 통해 만들어질 대상은 모두 이 속성이나 방법
    function Student(name,age,sex,score){
        this.name = name;
        this.age = age;
        this.sex = sex;
        this.score = score;
    }
    Student.prototype.sayHi = function(){
        console.log(" "+this.name+" "+this.age+" ");
    }
    
    var stu1 = new Student("zs",18,1,100);
    var stu2 = new Student("zs",18,1,100);
    console.log(stu1.sayHi === stu2.sayHi);// true
    
    
  • 이 있다.
  • 사용: 일반적으로 원형 속성을 통해 공공의 방법과 속성을 귀속시킨다
  • __proto__: 대상의 원형 속성입니다.
  • 대상의 원형 속성__proto__은 구조 함수의 원형 속성prototype
    console.log(stu1.__proto__ === Student.prototype); // true
    
    
  • 을 가리킨다

    값 유형 & 참조 유형

  • 값 유형: 값 유형은 사실 기본 데이터 유형으로 메모리에 직접 저장
    string number boolean undefined null
    
    
  • 인용 유형: 인용 유형은 사실 복잡한 데이터 유형으로 메모리에 인용을 저장하는데 주로Object
  • 값 유형을 매개변수로 사용

  • 값 유형은 매개 변수로 원시 데이터를 바꾸지 않습니다
    function fn(a,b){
        a = a+1;
        b = b+1;
        console.log(a); // 2
        console.log(b); // 3
    }
    var x = 1;
    var y = 2;
    fn(x,y);
    console.log(x); // 1
    console.log(y); // 2
    
    
  • 인용 형식을 매개 변수로 하다

  • 인용 형식은 매개 변수로 복사된 것은 창고의 주소이고 주소는 더미의 같은 공간을 가리키기 때문에 더미의 데이터
    function Person(name,age){
        this.name = name;
        this.age = age;
    }
    function f2(p){
        p.name = "ww";
        console.log(p.name);// ww
    }
    var p2 = new Person("zs",18);
    f2(p2);
    console.log(p2.name); // ww
    
    
    를 바꿉니다
  • 배열


    복제 배열

    //  
    function deepClone(arr){
        var newArr = [];
        for(var i =0;i

    첨삭

    var arr = [1,2,3];
    arr.push(0); //   [1,2,3,0]  
    arr.unshift(0);//   [0,1,2,3]  
    arr.pop();//   [1,2]  
    arr.shift();//   [2,3]  
    
    

    문자열 구분 배열

    //  join 
    function join(arr,sep){
        var str = arr[0];
        for(var i=0;i

    반전 배열

    //  reverse 
    function reverse(arr){
        for(var i=0;i

    배열 필터 필터

  • 리셋 함수에 맞추어 사용
    var arr = [1000,2500,1500,2000,3000];
    arr.filter(function(element,index,arr){
        if(element > 2000){
            return false; //  
        }else{
            return true; //  
        }
    });
    
    
  • 배열 인덱스 indexOf

    var arr = [1,2,3,1,3,2];
    console.log(arr.indexOf(2));// 0    
    console.log(arr.lastIndexOf(1)); // 3    
    
    

    그룹의 원소가 나타날 때마다 가져오는 위치

    var arr = ["c","a","z","a","x","a"];
    var index = -1;
    do{
        index = arr.indexOf("a",index + 1);
        if(index != -1){
            console.log(index);// 1 3 5 
        }
    }while(index != -1);
    
    

    그룹에 있는 요소마다 나타나는 횟수 가져오기

    var arr = ["c","a","z","a","x","a"];
    var o = {};
    for(var i=0;i

    캡처 배열

    var arr = [0,1,2,3,4,5];
    arr.slice(1,3);// [1,2,3]   [start,end)  start end  start  
    
    arr.splice(0,2);// [0,1]   start      
    
    

    배열 forEach 반복

    var arr = [1,2,3,4,5];
    arr.forEach(function(element,index,array){
        console.log(element);// 1 2 3 4 5
    });
    
    

    좋은 웹페이지 즐겨찾기