JavaScript
-
[JavaScript] JSONJavaScript 2022. 2. 19. 00:36
JSON JSON : JavaScript Object Notation key와 value로 이루어짐 모바일이나 파일 Object를 파일 시스템에 저장할 때도 JSON을 이용 서버와 데이터를 주고 받을 때 serialization을 사용 오버로딩 함수의 이름은 동일하지만, 파라미터에 따라 다른 방식으로 호출이 가능한 방식 1. Stringify (Object to JSON) 객체를 JSON으로 만들기주의: 함수나 JavaScript 전용 데이터인 Symbol같은 객체는 지원하지 않음 // 1. Object to JSON // stringiOfy(obj) let json = JSON.stringify(true); console.log(json); json = JSON.stringify(['apple', 'b..
-
[JavaScript] 유용한 배열(Array) API 10가지JavaScript 2022. 2. 17. 23:46
1. join 2. split 3. splice 4. reverse 5. find 6. filter 7. map 8. some, every 9. reduce 10. 함수형 프로그래밍 1. join('구분자') - array를 string으로 변환 // Q1. make a string out of an array // A1. Array.join() // join(separator?: string): string; { const fruits = ['appale', 'banana', 'orange']; const result = fruits.join(', and '); // 구분자 넣기는 선택사항 console.log(result); } 2. split('구분자', 'limit') - string을 array..
-
[JavaScript] 배열(Array)JavaScript 2022. 2. 17. 20:50
1. 배열 선언 2. 인덱스 3. 배열의 모든 원소 방문하기 4. Push, pop, unshift, shift 5. Searching 1. 배열 선언 const arr1 = new Array(); const arr2 = [1, 2]; 2. 인덱스 const fruits = ['🍎', '🍌']; console.log(fruits); console.log(fruits.length); console.log(fruits[0]); console.log(fruits[1]); console.log(fruits[2]); // -> undefined console.log(fruits[fruits.length -1 ]); 3. 배열의 모든 원소 방문하기 console.clear(); // (a). for for (let..
-
[JavaScript] 객체(Object)JavaScript 2022. 2. 17. 00:07
1. 객체 리터럴 2. Computed properties 3. Property value shorthand 4. Constructor Function 5. in 연산자 : 프로퍼티 유무 체크 6. for..in vs for..of 7. 즐거운 복제 1. 객체 리터럴 const obj1 = {}; // 'object literal' syntax const obj2 = new Object(); // 'object constructor' syntax function print(person) { console.log(person.name); console.log(person.age); } const wonju = { name: 'wonju', age: 24}; print(wonju); // with JavaS..
-
[JavaScript] Class와 ObjectJavaScript 2022. 2. 16. 22:50
1. 클래스 선언 2. Getter and setters 3. Public vs Private 4. Static properties and methods 5. 클래스 상속 6. Class checking: instanceOf 1. 클래스 선언 class Person { // 생성자 constructor constructor(name, age) { //fields this.name = name; this.age = age; } // methods speak(){ console.log(`${this.name}: hello!`); } } const wonju = new Person('wonju', 24); console.log(wonju.name); console.log(wonju.age); wonju.spe..