본문 바로가기
반응형

Studying/JavaScript14

JavaScript 기초 14 - 배열 (array) - 1차 정리 끝 배열 : 순서가 있는 리스트 let avengers = ['IM', 'HK', 'BW', 'HE']; avengers[0] // 'IM' //index는 0부터 시작 문자 뿐만 아니라 숫자, 객체, 함수등도 포함 가능 기본 제공 함수 //length 배열의 길이 avengers.length // 4 //push() 배열 끝에 추가 avengers.push('SM') // ['IM','HK','BW','HE','SM'] 쉼표로 여러 요소 한 번에 추가 가능 //pop() 배열 끝 제거 avengers.pop() // ['IM', 'HK', 'BW', 'HE'] //unshift() 배열 앞에 추가 avengers.unshift('SM') // ['SM', 'IM', 'HK', 'BW', 'HE'] 쉼표로 .. 2022. 1. 11.
JavaScript 기초 13 - 객체 - method, this const person = { name : 'gm', age : 28, fitness : function() { console.log("운동을 좋아합니다."); } } method 위의 fitness처럼 객체 프로퍼티로 할당된 함수 const person = { name : 'gm', age : 28, fitness() { console.log("운동을 좋아합니다."); } } 이렇게 줄여서 선언 가능 this const person = { name : 'gm', age : 28, fitness() { console.log(this.name+"은 운동을 좋아합니다."); } } this로 자신의 프로퍼티 값 접근 가능 화살표 함수를 쓸 수 있나? 화살표 함수는 자신만의 this를 가지지 않음 그러므로 외.. 2022. 1. 11.
JavaScript 기초 12 - 객체(Object) 객체 const person = { name : 'gm', age : 23 } 여기서 name이나 age는 객체의 프로퍼티(key)이고 'gm'과 23은 프로퍼티 값(value)이다. 접근 person.name // 'gm' person[name] // 'gm' 추가 person.gender = 'male' /* 다음과 같이 추가됨 person = { name : 'gm', age : 23, gender = 'male' } */ 삭제 delete person.gender /* 다음과 같이 삭제됨 person = { name : 'gm', age : 23 } */ 존재여부 확인 'name' in person // true for... in 반복문 객체의 프로퍼티 값을 가져올 수 있음 for(let key .. 2022. 1. 11.
JavaScript 기초 11 - 함수 표현식, 화살표 함수 함수 표현식 let sayHello = function(){ console.log('hello'); } 이전 챕터에서의 함수 선언은 어디서든지 호출 가능하지만 함수 표현식은 해당 코드 이후에만 호출 가능 따라서 함수 선언문이 더 자유롭게 코딩 가능 화살표 함수 arrow function let 변수 = (파라미터) => { 실행 코드 } let add = (num1, num2)=>( num1+num2 ); //한 라인일 때는 소괄호로 가능 let add = (num1, num2)=> num1+num2 ; //한 라인으로 구현할 때는 괄호도 생략 가능 자주 쓰이기 때문에 익숙해져야함 2022. 1. 11.
반응형

티스토리툴바