[TIL] 2020. 05. 08. Object_Method

달밤·2020년 5월 8일
0

TIL

목록 보기
5/110
post-thumbnail

자바스크립트

1. 객체

키-값 쌍(key-value pair)으로 이루어져있다. 콜론(:) 왼쪽이 키(Key), 오른쪽이 값(Value)

  • let classMate = {		//중괄호(Curly bracket)을 이용하여 객체를 만듬
        number1 : 'soohyun',
        number2 : 'jihyun',		//객체는 키-값 쌍(key-value pair)으로 이루어져있다. 
        number3 : 'ahyun',		//콜론(:) 왼쪽이 키(Key), 오른쪽이 값(Value)을 가리킨다.
        number4 : 'yuhyun'
    };
    
    
  • + 객체를 이용하는 방법 1: Dot notation
    classMate.number1; // 'soohyun'			//객체명.키 값을 입력
    
    + 객체를 이용하는 방법 2: Bracket notation		
    classMate['number1']; // 'soohyun'		//객체명[키 값을 문자열로 입력]
  • + Dot/Bracket notation을 이용해 값을 추가할 수도 있음.
    classMate.number5 = 'sihyun';
    classMate.number6 = true ;
    classMate.number6 = ['behyun', 'yehyun'] ;
    
    + delete를 이용해 삭제도 가능 연산자? 키워드?
    delete classMate.number2;
    delete classMate['number1'];
    
    + in 연산자를 이용해 해당하는 (Key)가 있는지 확인할 수 있음
    'number4' in classMate; 	// true
    'number100' in classMate; 	// false

2. 문자열 다루기

  1. str[index] : index에 해당하는 문자를 반환

    let str = '012345';
    str[0] ; // 0
    str[4] ; // 4
    
    + But, index로 접근가능하지만 쓸 수는 없음(read only)
    str[0] = '2'
    console.log(str); // '012345'
  2. + 연산자 : string 타입 + 다른 타입 = string 형식으로 변환

    '11' + 22 = '1122'		// 문자열 + 숫자
    
    let str = '1'
    let str2 = 2345
    
    str + str2; 	// '12345'		// 문자열 + 숫자
    str.concat(str2);	// '12345'		// 문자열 + 숫자
  3. length property : str.length

    let str = '12345';
    str.length; // 5
  4. indexOf()메소드 : str.indexOf(serchValue) IMMUTABLE

    'My House'.indexOf('H') // 3		//처음으로 일치하는 index를 반환
    'My House'.indexOf('c') // -1		//찾고자하는 문자열이 없으면 -1을 반환
    
    'My House'.lastIndexOf('e') // 0	//lasetIndexOf는 문자열 뒤에서 부터 찾음
  5. split()메소드 : str.split(seperator) IMMUTABLE

    let str = 'My House';
    str.split(' '); //['My', 'House']		//입력된 문자열을 기준으로 분리된 문자열이 포함된 배열을 반환
  6. substring()메소드 : str.substring(start, end) IMMUTABLE

    str.substring(start, end)
    
    let str = '012345'
    str.substring(0,3); // '012'		// 시작과 끝 index사이의 문자열을 반환(끝은 포함x)
    str.substring(-1,3); // '012'		// 음수는 0으로 취급
    str.substring(0,30); // '012345'	// str의 index범위를 넘으면 최대값으로 취급
  7. toLowerCase() / toUpperCase() 메소드 : str.toLowerCase() /str.toUpperCase() IMMUTABLE

    'ABCDEFG'.toLowerCase(); //'abcdefg'	//소문자로 반환
    'abcdefg'.toUpperCase(); //'ABCDEFG'	//대문자로 반환
    
    모든 string 메소드는 IMMUTABLE	// 원본이 변하지 않음
    
    let str = 'abcd';
    console.log(str.toUpperCase());	//'ABCD'
    console.log(str); //'abcd'

3. 배열 다루기

  1. Array.isArray() 메소드

    Array.isArray("string"); // false	//배열인지 아닌지 판별해서 Boolean값으로 반환
    
    let arr = {name : 'soohyun'};
    Array.isArray(str); // true
  2. indexOf() / includes() 메소드

    let alphabet = ['A', 'B', 'C'];
    alphabet.indexOf('A') // 0			//입력된 값에 해당하는 인덱스를 반환
    alphabet.indexOf('D') // -1			//입력된 값이 배열에 없다면 -1을 반환
    
    alhpabet.includes('A') // true		//입력된 값이 배열에 있다면 true를 반환
    alhpabet.includes('D') // false		//없다면 false를 반환
    //includes() 메소드는 인터넷 익스플로러에서 사용불가
  3. slice() 메소드

    let arr1 = ['A', 'B', 'C'];
    
    let arr2 = arr1.slice()	// ['A', 'B', 'C'] 		// arr1의 배열을 복제
    
    let arr3 = arr1.slice(2, 3) // ['C']		//입력한 index에 해당하는 부분만 잘라내기(끝 포함x)

오늘 하루

  1. 휘몰아친 하루. 금요일이라고 주말에 열심히 공부하라는 의도인지 오늘은 배우고 풀어야 할 분량이 정말 많았다. 이제 적응했으니 시작이라는 건가... ㅠㅠ
  2. 오늘은 좀 쉬고 주말에 CSS 및 복습 시작하자. 한 주간 고생했어~~ 나 자신
profile
다 늦은 밤, 달밤의 개발일기

0개의 댓글