프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

const obj = {x : 5, y : 6}; const json = JSON.stringify({x : 5, y : 6}); const jsonParseObj = JSON.parse(json); console.log(typeof obj); // object console.log(typeof json); // string console.log(typeof jsonParseObj); // object - JSON Parse (서버에서 데이터를 가져올 때) JSON → "JS Object" - JSON Stringify (서버로 데이터를 보낼 때) "JS Object" → JSON

const members = ['나는', '가만히', '있고', '싶다']; const result = members.findIndex(function(member) { return member == '누워'; }); console.log(result); const members = ['나는', '가만히', '누워', '있고', '싶다']; const result = members.findIndex(function(member) { return member == '누워'; }); console.log(result); 배열에 값이 없는 경우 -1 배열에 값이 있는 경우 2 why? 배열의 인덱스를 찾기 때문이다. -1 인 경우는 => 없는 인덱스

map() 내가 가진 배열을 새롭게 조작을해서 새로운 배열로 반환을 할 때 사용 const langs = ['JS', 'HTML', 'CSS']; const newLangs = langs.map(function(lang) { return lang + ' 언어'; }); console.log(newLangs); langs가 한번 실행되면서 JS에 function이 실행되고 HTML에 function이 실행되고 CSS에 function이 실행된다. 그리고 return된 것들이 매 요소마다 새로운 배열로 들어간다. filter() filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. const langs = ['JS', 'HTML', 'CSS', 0, 1, 2,..

Object.keys() Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환합니다. const obj = { a : 'backpack', b : 'purse', c : 'coin' }; console.log(Object.keys(obj)); // [ 'a', 'b', 'c' ] Object.values() Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴합니다. 이 배열은 for...in 구문과 동일한 순서를 가집니다. (for in 반복문은 프로토타입 체인 또한 열거한다는 점에서 차이가 있습니다.) const obj = { a : 'backpack', b..

// 프로퍼티 조작 // 열거 const person = { firstName : 'jeong', location : 'korea' }; // 추가 person.lastName = 'jennie'; console.log(person); // { firstName: 'jeong', location: 'korea', lastName: 'jennie' } // 수정 person.lastName = 'Jennie'; console.log(person); // { firstName: 'jeong', location: 'korea', lastName: 'Jennie' } // 삭제 delete person.location; console.log(person); // { firstName: 'jeong', lastN..

// 프로퍼티 열거 const obj = { prop1 : 'value1', prop2 : 'value2', prop3 : 'value3', prop4 : 'value4', }; const prop1 = 'prop1'; console.log(obj[prop1]); // output : value1 console.log(prop1); // output : prop1 console.log(obj.prop1); // output : value1 console.log(obj['prop1']); // output : value1 for(const key in obj) { // output : value1, value2, value3, value4 console.log(obj[key]); } 표현식 처럼 이용이 가..

// 싱글 리터럴 객체 const object = { property : 'value', method : function() { } }; // 빠르고 많이 만들 때 => 생성자 함수로 // NewObject => 파스칼케이스(단어가 바뀔 때 마다 대문자로 표현) function NewObject(name) { this.name = name; }; const newObject = new NewObject('jeong'); console.log(newObject); // const newObject2 = Object.create(프로토 타입, 객체 서술자(기술자)) // 모든 자바스크립트는 프로토타입을 가지고 있다 // 객체를 자세하게 만들고 싶을 때 사용(프로토타입을 세밀하게 설정할 수 있기 때문) con..

let array = [[101, 102, 103], [201, 202, 203], [301, 302, 303]]; for(let i=0; i < array.length; i++) { // array.length == 3 i: 0~2 for(let j=0; j < array[i].length; j++){ // j(두번째 요소)는 array 안에 있는 length 만큼 // array.length == 3 j:0~2 console.log(array[i][j]); } } let fruits = [["melon", 30], ["appel", 15], ["pear", 98]]; for(let i=0; i

표준 Built-in 객체로써 날짜와 시간을 위한 속성값과 메서드를 제공하는 객체 Date객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값으로 표현 let date_now = new Date(); let date_str = Date(); console.log(date_now); console.log(date_str); let date_ms_1 = new Date(0); // ms 단위가 0인 것 console.log(date_ms_1); // 1000 => 초 // 3600 => 시 let date_ms_2 = new Date(1000 * 3600 *24); console.log(date_ms_2); let date_ms_1 = new Date(0); 은 ..

표준 Built-in 객체로써 수학적인 연산을 위한 속성값과 메서드를 제공하는 객체 Math는 생성자 함수가 아니며, 모든 속성과 메서드는 정적이기에 Math.function()으로 언제든 호출 가능 Math.max() : 최대값 console.log(Math.max(1, -1)); // output : 1 Math.min() : 최소값 console.log(Math.min(1, -1)); // output : -1 배열로 값을 넘겨주게 될 때 처리하는 방법 let nums = [1, 5, 65, 88, 45, 66, 75, 6]; console.log(Math.max(nums)); console.log(Math.max.apply(null, nums)); console.log(Math.min.apply(..