javascript 기초 (2020 업데이트 판 1)

7555 단어 JavaScript
이 블 로그 의 모든 글 은 이미 휴대 전화 조판 과 호 환 되 었 다.
javacript 에서 데이터 형식 은 5 기초 1 참조 로 요약 할 수 있 습 니 다.
5 가지 기본 데이터 형식:
  • number
  • string
  • boolean
  • null
  • undefined

  • 1 가지 참조 형식 (object):
  • 일반 대상 {},
  • 배열 대상 [],
  • 정규 대상 / ^ $/,
  • 날짜 대상 new Date (),
  • 수학 함수 대상 Math,
  • 실례 대상 등

  • (이것 은 비교적 특수 하 다) function: 함수 도 대상 이 고 자신 만 의 독특한 개 념 을 가진다.

  • ES6 추가
    Symbol: 유일한 값 을 만 듭 니 다.
    쉽게 말 하면 각 유형의 인 스 턴 스 는 모두 대상 이다.
    number 형식 에는 재 미 있 고 재 미 있 으 며 특별한 기호 가 있 습 니 다. NaN (number 형식) type of 검 측 데이터 형식 type: of NaN = > "number" NaN (Not a Number): 유효한 숫자 가 있 는 것 이 아 닙 니 다. NaN 은 누구 와 도 같 지 않 습 니 다. NaN = NaN = > false, 자신 은 NaN = 1 = > false, NaN = 'a' = > false 와 같 지 않 습 니 다. 따라서 NaN 을 가지 고 숫자 js 를 검사 할 수 없습니다. 이것 은 잘못된 숫자 인지 아 닌 지 를 검사 하 는 방법 이 있 습 니 다. 무효 한 = > true, 유효 한 = > false, isNaN (') 은 v8 밑 에 있 는 암시 적 으로 number () 를 사용 하여 변환 합 니 다.
    중점: 왜 우리 가 서버 배경 에서 데 이 터 를 프론트 엔 드 로 렌 더 링 할 때 데 이 터 는 NaN 이 됩 니까? 다른 데이터 형식 을 number 형식 으로 바 꿀 때 변환 할 수 없 으 면 NaN 입 니 다.
    number 타 입 에 있 는 NaN 은 꼭 알 아야 돼 요.
    대상 키 쌍
    
    ```javascript
    Object
    let a = {
    	a : 10
    }
    let b = function(){};
    let obj = {
    	0 : 100,
    	true : 'xxx'
    };
    obj [a]  =  1000;
    obj [b]  =   2000;
    
    //  
    {
    	0100true : ‘xxx',
    	[object object] : 1000,
    	[object object] : 2000
    }
    

    대상 의 키 쌍 의 속성 명 은 문자열 형식 일 것 입 니 다. 인용 형식의 데 이 터 를 대상 키 쌍 의 속성 명 으로 사용 할 수 없습니다. 위의 예 는 a 는 대상 이 인용 형식 에 속 하기 때 문 입 니 다. 대상 의 속성 명 은 인용 형식 이 아 닐 것 입 니 다. 기본적으로 인용 형식 값 을 문자열 로 변환 합 니 다 [object object].
    let a={x: 100};
    let b={y: 200};
    let obj={};
    obj[a] = '  '//          tostring();
    
    //  
    {x:100}.tostring() 
    =[object object] =’  ‘
    obj[b] = '   '{y:200}.tostring() 
    =[object object]=’   ‘。
    

    중점 고찰: 대상 의 속성 명 은 인용 유형 이 될 수 없습니다.
    배열 과 대상
    시험 장소: 배열 과 대상 이 어떤 차이 와 관계 가 있 습 니까?
    ① 배열 은 대상 ② 대상 중 가장 많이 사용 되 는 것 이 배열 이다. ③ 배열 에서 속성 명 은 규칙 적 으로 증가 하 는 대표 적 위치 데이터 의 색인 이다.
    배열 에서 자주 사용 하 는 속성 과 방법:
  • concat (arrayX) (구체 적 인 값 / 배열 대상): 두 개 또는 여러 개의 배열 을 연결 합 니 다.
    (   :      )
    
  • join (separator) (구분자): 배열 의 모든 요 소 를 문자열 로 바 꾼 다음 들 어 오 는 구분자 로 문자열 을 연결 합 니 다.
    (   :       )
    
  • push (el, el, el) (하나 / 여러 요소): 배열 끝 에 하나 / 더 많은 요 소 를 추가 하고 원 배열 을 직접 수정 합 니 다.
    (   :      )
    
  • pop (): 배열 의 마지막 요 소 를 삭제 하고 배열 의 길이 - 1 을 삭제 하 며 요소 의 값 을 되 돌려 줍 니 다.
  • shift (): 배열 의 첫 번 째 요 소 를 삭제 하고 첫 번 째 요소 의 값 을 되 돌려 줍 니 다.
  • unshift (el, el, el...): 배열 의 첫 번 째 에 하나 / 여러 요 소 를 추가 합 니 다.
    (   :         )
    
       :
    	        
    
  • slice (start, end) (아래 표 시 를 선택 하고 아래 표 시 를 끝 내 며 왼쪽 닫 고 오른쪽 열 림): start 아래 표 시 된 요 소 를 배열 에 캡 처 합 니 다.
    (   :        )
    
       :
    	          ,
    	         。
    	             ,
    	      Array.splice()。
    
  • splice (index, howmany, el / elx) (아래 표 시 는 개 수 를 삭제 하고 새로운 요 소 를 추가 합 니 다): 배열 의 요 소 를 삽입, 삭제 또는 교체 하 는 데 사 용 됩 니 다.
       :
    	splice()    slice() 
    	         ,
    	splice()      
    	       。
    
  • reverse (): 배열 의 요 소 를 뒤 바 꾸 는 순서 입 니 다.
  • sort (sortby) (sortby 는 함수 여야 합 니 다): 배열 의 요 소 를 정렬 합 니 다.
  •    :
    	        
    	
       :
    	sort()        ,
    	               ,
    	         ,      。
    
  • toString (): 배열 을 문자열 로 바 꾸 고 결 과 를 되 돌려 줍 니 다. 요소 간 쉼표 로 구 분 됩 니 다.
  • (   :         
    	 join()          )
    

    ES6 신규 배열 방법
    flat (): 데이터 평면 화 작업 으로 데이터 조작 이 더욱 편리 합 니 다. set (): 배열 재 작업.
    문자열 에서 자주 사용 되 는 속성 과 방법:
  • charAt (index) (문자열 에 표 시 된 문자): 방법 은 지정 한 위치의 문 자 를 되 돌려 줍 니 다.
  • concat (stringX) (하나 / 여러 문자열): 두 개 이상 의 문자열 을 연결 하 는 데 사 용 됩 니 다.
       :
    	concat()        
    	      ,
    	          ,
    	          .
    	
       :
    	stringObject         ,
    	stringObject.concat()
    	  Array.concat()    .
    
  • index Of (searchvalue, from index) (검색 할 문자열 값, 문자열 에서 검색 을 시작 하 는 위 치 를 규정 합 니 다): 방법 은 지정 한 문자열 값 이 문자열 에서 처음 나타 난 위치
    (   :      
    	        ,
    	       -1) 
    	
    	   :
    		indexOf()         !
    
  • 를 되 돌려 줍 니 다.
  • lastIndex Of (): 역할 은 index Of () 와 같 습 니 다. 다만 뒤에서 찾 습 니 다
  • replace (reg, replacement): 문자열 의 일부 문 자 를 다른 문 자 를 바 꾸 거나 정규 표현 식 과 일치 하 는 문자
    (   :       ,
    	  replacement   reg
    	         )
    
  • 를 바 꾸 는 데 사 용 됩 니 다.
  • slice (start end): 문자열 의 일부분 을 추출 하고 추출 된 부분 을 새로운 문자열 로 되 돌려 줍 니 다
       :
    	String.slice()  Array.slice()   .
    
  • split (separator, howmany) (문자열 / 정규 표현 식, 몇 개 선택): 하나의 문자열 을 문자열 배열 로 나 눕 니 다.
       :
    	String.split()       
    	 Array.join          .
    
  • substring (), tolowercase (), toupcase (); 등등
  • 좋은 웹페이지 즐겨찾기