728x90
반응형

javascript 4

[Javascript] spread와 rest 문법 사용하기 (feat. ...문법)

spread와 rest는 서로 생김새는 비슷하게 생겼지만 다르게 사용된다. spread spread 문법은 새로운 객체 혹은 배열에 이전에 만들어 놓은 공통 부분을 추가하려고 할때 많이 사용한다. 예를 들어서 다음과 같은 객체들이 있다고 가정해봅시다. const countryA = { name1: '한국' }; const countryB = { name1: '한국', name2: '일본' }; const countryC = { name1: '한국', name2: '일본', name3: '중국'}; 이 코드에는 countryA라는 객체를 선언하고 나머지 객체는 기존에 선언한 것을 추가로 선언한 것이다. 즉 기존의 것은 수정하지 않고 새로운 객체를 만드는데 이전의 만들어진 객체와 똑같은 내용이 들어가 있다는..

카테고리 없음 2021.10.17

[Javascript] destructuring( 구조분해할당 ) 사용법 (feat. object, array)

destructuring 은 array나 object에서 값(value)과 프로퍼티(property) 를 분해하여 새로운 변수에 담을 수 있게 해준다. Array 에서의 구조 분해 할당 기본형태 다음과 같이 할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식으로 작성하면 된다. 배열 [1, 2] 이 destructuring 되어 각각 num1, num2 변수에 할당되었다. let [num1, num2] = [1, 2]; console.log(num1); 출력 : 1 이전에 선언된 배열에서 destructuring하는것도 가능하다. let arr = [-1, 0, 1]; let [negative, zero, positive] = arr; console.log(zero); 출력 : 0 de..

카테고리 없음 2021.10.13

[Javascript] Object생성과 Property접근하기

Object(객체) 객체는 Property로 구성되는데 메소드와 변수 등이 key에 할당될 수 있다. Object 생성 객체 리터럴을 사용하여 만든다. 객체 리터럴이란 {}(중괄호)안에 key와 value의 목록들을 의미한다. var Test = { First : "인공지능", Second : "소스2", Third : '컴파일러' }; new 키워드를 사용하여 만든다. var test = new Object(); test.First = '인공지능'; test.Second = '소스2'; test.Third = '컴파일러'; //이렇게 property를 생성하고 수정하는것도 가능 test[Fourth] = '개발'; 프로퍼티 (Property) 프로퍼티는 객체에서 key와 value를 묶어서 말한다. k..

카테고리 없음 2021.10.12

[Javascript] Function 사용법과 Function Hoisting (feat. arrow function과 기본적인 함수선언)

Javascript의 Function에 대해서 알아보려고 한다. Javascript 함수는 일급 시민이기 때문에 변수에 함수를 대입 해줄 수 있다. 2021.09.12 - [IOS] - [Swift] 1급시민, 1급객체, 1급함수와 Closure란? [Swift] 1급시민, 1급객체, 1급함수와 Closure란? 1급시민 1급시민이란 다음과 같은 조건을 만족하는 것을 말한다. 혹시나 다음의 조건이 이해가 되지않는다고 해도 글을 읽으면 아래에 예시로 설명되어있으니 걱정하지 않아도 된다. 1급시민은 roadtosuccess.tistory.com 함수 선언하기 우리가 알고 있는 기본적인 C 함수의 함수 선언과 비슷하다. 하지만 차이점이라면 함수 header 부분에 return 값을 정의해 주지 않는다는 것이다..

카테고리 없음 2021.09.15
728x90
반응형