멋쟁이사자처럼 프론트엔드 스쿨 2기 24_Day

aydennote·2022년 5월 2일
1
post-thumbnail

📖 오늘 학습 뽀인트!

  1. JavaScript 변수 자료형
    1-1 함수, 메소드, 속성
    1-2 실무 사용 함수, 메소드

1. JavaScript 변수 자료형

1-1 함수, 메소드, 속성

🕵️‍♀️함수, 메소드, 속성 차이는?
객체에는 순서 상관 없이 모든 자료형을 저장할 수 있다. 자료형이 대부분이 그렇듯 객체 또한 연관된 것들끼리의 집합체이다.
함수는 그 자체로도 기능을 한다. 메소드를 포함한 포괄적인 개념이다. function()으로 호출할 수 있다.
메소드는 객체 안에 존재하며 객체에 종속적인 함수이다. object.method()로 호출할 수 있다.
객체 안에서 {메소드: function a(){return b+c} } 이런식으로 정의되어 있다.
속성는 객체에 정의되어 있는 값이다. 객체.속성="속성값"으로 정의되어 있다. 속성이 key이고 속성값이 value라고 볼수 있다.

1-2 실무 사용 함수, 메소드

 parseInt("10") // 10
 let txt = "ABCDEFGHIJKLMNABC";
 txt.slice(0, 3); // ABC
 txt.replace("ABC", "#"); //#DEFGHIJKLMNABC

parseInt는 2, 8, 15 진수 정수로 형변환 후 반환하는 내장 함수다.
slice 메소드는 문자열의 일부를 추출하면서 새로운 문자열을 반환한다. 추출할 문자는 인덱스로 입력 받는다. 배열도 동일하게 사용 가능하다.
replace 메소드는 문자열에서 특정 문자열을 찾아 바꿔준다. 단, 첫 번째 문자열만 변경되며, 뒤에 오는 동일한 문자열은 변경되지 않는다. 아래 정규식 표현으로 문자열 전체에서 특정 문자열을 찾아 변경할 수 있다.
replace(RegExp,'#') 로 사용할 수 있으며, RegExp는 정규식 표현이다. replace(/ABC/g, "#")은 전체 문자열에서 ABC를 모두 찾아 "#"으로 변경한다.

profile
기록하는 개발자 Ayden 입니다.

2개의 댓글

comment-user-thumbnail
2022년 5월 2일

자바스크립트를 본격적으로 학습하고 있다는 느낌이 팍팍 드는 수업이었어요!!
오늘도 수고하셨습니다~!!!😊😊

1개의 답글