10/12 JavaScript 문법 1

내일배움캠프 오늘 학습 내용

 

• JavaScript 문법 1주차 : JavaScript에서 주로 사용하는 기본적인 변수, 데이터 타입, 형변환, 연산자, 함수, 조건문, 반복문에 대해 배웠다.
• 특히 짚고 넘어가야할 내용 : 객체와 배열의 새로운 기본함수들

 

객체와 배열

 

객체 : key와 value로 내용을 저장한다. key로 객체 안의 내용에 접근할 수 있다. ex) person.name

배열 : index를 갖는 value값을 순서대로 저장한다. index로 배열 안의 내용에 접근할 수 있다. ex) arr[3]

 

Object : 

let Person = {
	name: "홍길동",
    age: 20,
    gender: "남자",
}

 

object 안의 내용 비교 연산 JSON.stringify(객체이름) === JSON.stringify(객체이름)

 

Array :

let number = [1,2,3,4,5];

 

 

배열에서 사용되는 다양한 함수

• push / pop : 맨 끝의 요소를 넣고 삭제한다.
• unshift/ shift : 맨 앞의 요소를 넣고 삭제한다.
• arr.slice(1,2) : 1번째부터 2번째 요소 사이까지 부분배열을 반환한다. 1<= slicedarray <2
• arr.splice(1,2, "newvalue") : 1번째 요소에서부터 2번째 요소까지 지우고, newvalue를 삽입한다.
• arr.forEach(function(item)) { }  : arr에 해당하는 요소를 각자 function에 넣어 수행. 콜백함수
• arr.map(function(item)) {return } : 기존에 있는 arr를 통해 새로운 배열을 순서대로 만들어 반환한다. 길이 고정.
• arr.filter(function(item)) {return 조건} : 필터에 맞는 것만 return 하여 새로운 배열을 만들어낸다. ex item === 5
• arr.find(function(item)) {return 조건} : 조건에 맞는 아이템 중 가장 앞에 있는 원소를 찾아 반환해준다. 

 

화살표 함수

 

let sum = (a,b) => a+b;
// function sum(a,b) {return a+b;}

sum(1,5);

익숙해지면 코드를 효과적으로 정리할 수 있음.

 

 

단축 평가

 

논리 연산자를 이용해 if 문을 대체할 수 있다. 변수에 해당하는 값을 저장한다.

 

// 논리곱(&&)
'a'   && 'b'   	// 'b'
false && 'b'   	// false
'a'   && false 	// false

// 논리합(||)
'a'   || 'b'   	//'a' -> 둘 중 하나만 맞아도 성립하니 먼저 true라고 확인된 a를 선택한다.
false || 'b'   	//'b'
'a'   || false 	//'a'