본문 바로가기

Study

(114)
JSON JSON JSON 이란? 클라이언트와 서버간의 HTTP통신을 위한 텍스트 데이터 포맷이다. JS에 종속되지않는 언어 독립형 데이터포맷이다. 표기방식 JS에서의 객체 리터럴과 유사하게 키와 값으로 구성된다. JSON의 키는 반드시 큰따옴표(작은따옴표사용불가)로 묶어야 한다. { "name":"Lee", "age":20, "alive":true, "hobby":["traveling", "tennis"], } JSON.stringify 객체를 JSON포맷의 문자열로 변환한다. 클라이언트가 서버로 객체를 전송하려면 객체를 문자열화해야하는데 이를 직렬화라 한다. const obj = { name:"Lee", age:20, alive:true, hobby:["traveling", "tennis"], } const ..
Map Map Map 이란? Map객체는 키와 값의 쌍으로 이루어진 컬렉션이다. 객체와 유사하지만 객체를 포함한 모든 값을 키로 사용할 수 있다. 이터러블 객체이다. 요소 개수 확인을 map.size로 한다. 중복된 키를 갖는 요소가 존재하면 값을 덮어쓴다 = 중복된 키를 갖는 요소가 있을수 없다. Map.set 객체에 요소를 추가할때는 Map.set 메서드를 사용한다. 새로운 요소가 추가된 Map객체를 반환하므로 연속적 호출이 가능하다. const map = new Map(); console.log(map); // Map(0){} map.set('key1', 'value1'); console.log(map); // Map(1){"key1" => "value1"} map .set('key2', 'value2')..
Set Set Set 이란? Set 객체는 중복되지 않는 유일한 값들의 집합니다. 배열과 유사하지만 동일한 값을 중복하여 포함할 수 없다. 요소 순서에 의미가 없다. 인덱스로 요소에 접근할 수 없다. 수학적 집합을 구현하기 위한 자료 구조이다. const set1 = new Set([1,2,3,3]); console.log(set1); // Set(3) {1,2,3} const set2 = new Set('hello'); console.log(set2); // Set(4) {'h','e','l','o'} Set.size 요소 개수 확인 프로퍼티(getter함수만 존재하는 접근자 프로퍼티이다.) const {size} = new Set([1,2,3,3]); console.log(size); // 3 const s..
String String String.indexOf 대상 문자열에서 인수로 전달받은 문자열을 검색하여 첫번째 인덱스를 반환한다. 실패하면 -1을 반환한다. const str = 'Hello World'; str.indexOf('l'); // 2 str.indexOf('or'); // 7 str.indexOf('x'); // -1 str.indexOf('l',3); // 3 -> 2번째 인수로 검색을 시작할 인덱스를 설정 String.search 대상 문자열에서 인수로 전달받은 정규표현식과 매치하여 검색. 검색실패시 -1을 반환한다. str.search(/o/); // 4 str.search(/x/); // -1 String.includes 인수로 전달받은 문자열이 포함되있는지 확인하여 불린값으로 반환한다. str.i..
Math Math Math.PI 원주율 값을 반환한다. Math.PI; //3.141592653589793 Math.abs 인수로 전달된 숫자의 절대값을 반환한다. 절대값은 반드시 0 또는 양수이다. Math.abs(-1) // 1 Math.abs('-1') // 1 Math.abs('') // 0 Math.abs([]) // 0 Math.abs(null) // 0 Math.abs(undefined) // NaN Math.abs({}) // NaN Math.abs('string') // NaN Math.abs() // NaN Math.round 인수로 전달된 숫자의 소수점 이하를 반올림한 정수를 반환한다. Math.round(1.4); // 1 Math.round(1.6); // 2 Math.round(-1.4)..
배열 고차함수 배열 고차함수 고차함수 함수를 인수로 전달받거나 함수를 반환하는 함수. Array.sort 배열의 요소를 정렬한다. 원본배열을 직접변경 후 정렬된 배열을 반환한다. 한글도 정렬 가능하며, 디폴트 값은 오름차순이다 const fruits = ['Banana', 'Orange', 'Apple'] fruits.sort(); console.log(fruits) // ['Apple', 'Banana', 'Orange'] 숫자요소를 정렬할때는 유니코드 포인트 순서로 정렬하기때문에 바르게 정렬할 때는 반드시 정렬 순서를 정의하는 비교함수를 인수로 전달해야한다. const points = [40,100,1,5,2,25,10]; points.sort() // [1,10,100,2,25,40,5] points.sort((..
배열 메소드 배열메소드 Array.indexOf 원본 배열에서 인수로 전달된 요소를 검색해서 인덱스를 반환한다. (중복요소가 여러개라면 첫번째로 검석된 요소의 인덱스를, 존재하지않으면 -1을 반환) const arr= [1,2,2,3]; arr.indexOf(2) // 1 arr.indexOf(4) // -1 //두번째 인수는 검색을 시작할 인덱스이다. 두번째 인수를 생략하면 처음부터 검색한다. arr.indexOf(2,2) // 2 const foods=['apple','banana','orange']; if(foods.indexOf('orange) === -1){ foods.push('orange'); } Array.push 인수로 전달받은 모든 값을 원본 배열의 마지막요소로 추가하고 변경된 length프로퍼티 ..
원시타입과 참조타입 원시타입과 참조타입 - 식별자 : 이름을 붙일 때 사용하는 단어 (변수명, 함수명, 속성명, 메소드명) - 할당 : 식별자에 데이터를 넣는 행위 - 타입 : 식별자에 넣는 데이터 값의 종류 JavaScript의 변수타입 자바 스크립트의 데이터타입은 원시타입과 참조타입으로 나누어져 있다. 원시타입 가장 작은 데이터의 값. 객체가 아니면서 메소드도 가지고 있지 않은 더이상 쪼갤 수 없는 단위. 원시타입의 종류 string, number, bigint, boolean, undefined, null, symbol 원시타입의 데이터할당 변수에 할당 시 메모리에 고정 크기로 값을 저장하고, 저장된 값의 주소를 변수가 직접적으로 가리키는 형태를 띈다. let a = 1; a = 2; 첫 라인이 실행되면 메모리에 1이..