JavaScript 대상 내 장 된 대상,값 형식 및 참조 형식 설명

대상
JS 의 대상 은 속성 과 행위 의 결합 체 로 그 중에서 속성 은 대상 의 정적 특징 이 고 행 위 는 방법 이 라 고도 부 르 며 대상 의 동적 특징 이다.
JavaScript 의 대상 은 주로 세 가지 로 나 뉜 다.
내장 대상
ES 표준 에서 정 의 된 대상 은 모든 ES 의 실현 에서 사용 할 수 있 습 니 다.예 를 들 어 Math String Number Boolean Function Object 입 니 다.
숙주 대상
JS 의 운영 환경 에서 제공 하 는 대상 은 현재 로 서 는 주로 브 라 우 저가 제공 하 는 대상 이다.예 를 들 어 BOM DOM 이다.
사용자 정의 대상
개발 자 스스로 만 든 대상
대상 정의
비 어 있 는 대상 정의

//     :
var     = {
	   :  ,
	...
	   : function([  ]){
		     ;
	}
	...
}

var p1 = {
	color: '  ',//       
	weight: '188g',//         
	screenSize: 6.5,
	call: function(name){//       
		console.log("    :"+name);
	},
	sendMassage: function(msg){
		console.log("      :"+msg);
	},
	playVideo: function(){
		console.log("    ");
	},
	playMusic: function(){
		console.log("    ");
	}
}
console.log("    :"+p1['color']);//        ['  ']      
console.log("    :"+p1.weight);
console.log("    :"+p1.screenSize);
p1.call("  ");//        
p1["sendMassage"]("helo");
p1.playVideo();
p1.playMusic();
console.log(p1);
new Object()로 대상 만 들 기

var p = new Object(); //        p

p2.name = '  ';
p2.sex = ' ';
p2.age = 32;
p2.sayHello = function(){
	console.log('Hello');
}
p2.sayHello();//       
구조 함수 로 대상 을 만 들 수 있 습 니 다:
문법:new 구조 함수 명()

function Student(name,sex,age){
	this.name = name;//   this              
	this.sex = sex;
	this.age = age;
	this.show = function(){
		console.log("  :"+this.name)
		console.log("  :"+this.sex)
		console.log("  :"+this.age)
	}
}
var s1 = new Student('  ',' ',28);//s1               
s1.show();
var s2 = new Student('  ',' ',23);
s2.show();
메모:"구조 함수"는 매개 변수 가 있 을 수도 있 고 매개 변수 가 없 을 수도 있 습 니 다.매개 변수 소괄호 가 없 으 면 생략 할 수 있 습 니 다.
대상 을 옮 겨 다 니 는 멤버
대상 을 옮 겨 다 니 는 속성 과 방법:for...in 순환 사용

for(var     in    ){
	    
}

function Student(name,sex,age){
	this.name = name;
	this.sex = sex;
	this.age = age;
	this.show = function(){
		console.log("  :"+this.name)
		console.log("  :"+this.sex)
		console.log("  :"+this.age)
	}
}
// s2       
var s2 = new Student('  ',' ',23);
for(var k in s2){
	console.log(k);//     name sex age show()
	console.log(s2[k]);//          23 
}
연산 자
구성원(속성)이 대상 에 존재 하 는 지 판단 하고 true 를 되 돌려 줍 니 다.false 로 돌아 가 는 것 이 존재 하지 않 습 니 다.
JS 내장 대상
JavaScript 는 수학 대상 Math,날짜 대상 Date,배열 대상 Array,문자열 대상 String 등 자주 사용 되 는 내장 대상 을 제공 합 니 다.
수학 대상
Math 대상:수학 과 관련 된 연산 을 하 는 데 사용 되 며,예화 대상 이 필요 없 이 정적 속성 과 정적 방법 을 직접 사용 할 수 있 습 니 다.

Math  :      
Math.PI:    PI
Math.abs(x):  x    
Math.max(args...):     
Math.min(args...):     
Math.pow(x,y):  x y  
Math.sqrt(x):  x      
Math.random():  0.0 1.0      
Math.round(x):     x   
Math.floor(x):        x           
Math.ceil(x):        x           
날짜 대상
Date 대상:new Date()실례 화 대상 을 사용 해 야 사용 할 수 있 습 니 다.대상 Date()를 만 드 는 것 은 구조 함수 입 니 다.이 구조 함수 에 매개 변 수 를 전달 하여 날짜 대상 을 만 들 수 있 습 니 다.
在这里插入图片描述
在这里插入图片描述

// 1.    Date       
var date1 = new Date();
console.log(date1);
// 2.                         Date  
//     0-11
var date2 = new Date(2021,4,22,10,17,55);
console.log(date2);
// 3.                Date  
var date3 = new Date("2021-5-22 18:19:25");
console.log(date3);
console.log(date3.getMonth())//4
console.log(date3.getTime())//  Date    1970 1 1         
console.log(date1.toLocaleDateString())//2021/6/14
console.log(date1.toLocaleString())//2021/6/14   11:17:36
console.log(date1.getFullYear())//2021
배열 개체
배열:같은 유형의 데이터 집합 입 니 다.일반적인 대상 기능 과 유사 하고 일부 값 을 저장 하 는 데 사 용 됩 니 다.배열 은 숫자 를 사용 하여 내부 요 소 를 색인 으로 조작 합 니 다.
배열 생 성
글자 의 양 을 사용 하 다

var arr=[]//       
new Array 를 사용 하여 생 성

var arr = new Array();//       
한 대상 이 배열 인지 아 닌 지 를 판단 하 는 두 가지 방법:
isArray(대상 명)instanceof:대상 명 instanceof Array

var arr = [];
var obj = {};
console.log(Array.isArray(arr));//true
console.log(Array.isArray(obj));//false
console.log(arr instanceof Array);//trrue
在这里插入图片描述
배열 의 다른 방법 에 관 한 이전의 글 은 상세 하 게 소개 해 야 하 며,여 기 는 설명 이 많 지 않다.
문자열 대상
String 대상:문자열 대상,new String()을 사용 하여 만들어 야 합 니 다.
문자열 상용 방법

- charAt(n)   n       
- concat(s1,s2,...)        
- charCodeAt(n)   n    ASCII 
- split('   ')                     
- substr(start,length)  start    length         
- substring(from,to)   from to            
- toLowerCase()                               
- toUpperCase()                               
- replace(str1,str2)   str2       str1               
문자열 개체 연습

//              ,             
var str = 'abBSdXbdea';
var lower = new Array(26);//   26            
var upper = new Array(26);//   26            
//        
for(var i=0;i<lower.length;i++){
    lower[i] = 0
    upper[i] = 0
}
for(var k=0;k<str.length;k++){
    if(str.charAt(k)>='a' && str.charAt(k)<='z'){
        lower[str.charCodeAt(k)-97]++
    }else if(str.charAt(k)>='A' && str.charAt(k)<='Z'){
        upper[str.charCodeAt(k)-65]++
    }
}
console.log(lower);
console.log(upper);

/*               (2、8、16)          
                 
               :
               m=15 k=8
               m%k          
        */
        var m = parseInt(prompt('       :'));
        var k = parseInt(prompt('       (2~16)'));
        var result = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];
        var arr = new Array();//         
        var i = 0;
        while(m!=0){// m            arr   
            arr[i] = m%k;
            m = parseInt(m/k);
            i++;
        }
        var str = '';
        if(k==8){
            str = '0';
        }else if(k==16){
            str = '0x';
        }
        for(var i=arr.length-1;i>=0;i--){
            str += result[arr[i]];
        }
        console.log('      :'+str);
값 형식 과 참조 형식
값 형식:간단 한 데이터 형식(문자열,수치 형,불 형,undefined,null)
참조 형식:복잡 한 데이터 형식(대상)변수 에 저 장 된 것 은 참조 주소 입 니 다.
메모:인용 형식의 특징 은 변수 에 저 장 된 것 은 하나의 인용 주소 일 뿐 변 수 를 할당 할 때 대상 을 복사 하 는 것 이 아니 라 두 변 수 를 같은 대상 의 참조 로 가리 키 는 것 입 니 다.
다음은 메모리 의 스 택 과 더 미 를 분석 합 니 다.
스 택(stack):메모리 공간 을 자동 으로 분배 하고 자동 으로 방출 되 며 간단 한 데이터 형식 을 스 택 에 저장 합 니 다.
더미(hep):동적 으로 분 배 된 메모리,크기 가 일정 하지 않 아 도 자동 으로 방출 되 지 않 고 복잡 한 데이터 형식 을 더미 에 저장 합 니 다.
在这里插入图片描述
이 를 통 해 알 수 있 듯 이 메모리 에 저 장 된 대상 을 볼 수 있 습 니 다.변 수 는 실제 적 으로 하나의 지침 을 저장 합 니 다.이 지침 은 다른 위 치 를 가리 키 고 이 지침 을 통 해 더미 에 저 장 된 대상 의 속성 과 값 을 찾 으 며 각 공간 크기 가 다 르 기 때문에 상황 에 따라 특정한 분 배 를 해 야 합 니 다.
자 바스 크 립 트 대상,내 장 된 대상,값 유형 과 인용 유형 에 대한 설명 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.자 바스 크 립 트 기본 대상 에 대한 설명 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 부 탁 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기