Javascript/개념

Array.prototype.reverse() reverse() 메서드는 배열의 순서를 반전시킵니다. 주의 : 원본 배열도 변형시킨다. const a = [1, 2, 3] console.log(a); [1, 2, 3] a.reverse(); console.log(a); // [3, 2, 1]

string.prototype.split() split 메서드는 대상 문자열에서 첫 번째 인수로 전달한 문자열 또는 정규 표현식을 검색하여 문자열을 구분한 후 분리된 각 문자열로 이루어진 배열을 반환한다. 인수로 빈 문자열을 전달하면 각 문자를 모두 분리하고, 인수를 생략하면 대상 문자열 전체를 단일 요소로 하는 배열을 반환한다. const str = "How are you doing?"; // 공백으로 구분(단어로 구분)하여 배열로 반환한다. str.split(' '); // ["How", "are", "you", "doing?"] // \s는 여러 가지 공백 문자(스페이스, 탭 등)를 의미한다. 즉, [\t\r\n\v\f]와 같은 의미다. srt.split(/\s/); // ["How", "are",..

parseInt() 함수는 문자열 인자를 분석하여 특정 진수의 정수로 반환한다. 구문 parseInt(string) parseInt(string, radix) string 파싱할 값이다. 문자열이 아닐 경우 toString 추상 연산을 사용해 문자열로 변환한다. (문자열의 선행 공백은 무시) radix (Optional) string의 진수를 나타내는 2부터 36까지의 정수이다. (단, 기본 값이 10이 아니다) Number 자료형이 아닌 경우 Number로 변환한다. 반환 값 주어진 string에서 파싱한 정수를 반환한다. radix가 2~36사이의 범위가 아닐경우 공백이 아닌 첫 문자를 숫자로 변환할 수 없는 경우 이 두 가지 경우에 NaN을 반환한다. 즉 정수 or NaN을 반환한다. 주의할 점 p..

Number.prototype.toString() 특정한 Number 객체를 나타내는 문자열을 반환한다. 구문 numObj.toString([radix]) radix : 수의 값을 나타내기 위해 사용되기 위한 기준을 정하는 2와 36사이의 정수 ( 진수를 나타내는 기수의 값) 한 마디로 2~36진수로 표현이 가능하다 (이외의 숫자를 입력하면 에러가 발생) 아무것도 적지않은 기본 값은 10진수 문자열을 반환한다. 반환 값 Number 객체를 명시하는 문자열 var x = 6; console.log(x.toString(2)); // displays '110' // 진수를 나타내느 기수 값(radix)이 10이상의 값일 때는, 알파벳의 글자는 9보다 큰 수를 나타낸다. console.log((254).toSt..

객체란? 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 key 와 value로 구성된다. - 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. - 따라서 함수도 프로퍼티 값으로 사용할 수 있다. ( 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드(method)라고 부름 - 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 일급 객체 더보기 더보기 일급 객체란? 다음과 같은 조건을 만족하는 객체를 입급 객체라 한다. 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는..

Array.prototype.includes() includes 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. 반환값은 Boolean 입니다. 구문 arr.includes(valueToFind[, fromIndex]) const array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true const pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pets.includes('at')); // expected output: false [1, 2, 3].includes(2); // true..

delete 는 객체의 속성을 제거 할때 쓰는 연산자이다 -반환값은 제거에 성공하면 true 실페하면 false / stric 모드에서 속성이 자신의 속성이며 설정이 불가능할 경우 typeError -delete는 단순히 객체와 속성과의 연결을 끊을 뿐 실제로 메모리에서 제거하는것은 아니다. -delete 하고 싶은 delete 연산자를 사용하기보다 값을 null 이나 undefined로 설정하는것을 추천한다. var array = [0, 1, 2, 3] delete array[2] true array // (4) [0, 1, empty, 3] (배열도 객체의 일종이기에 객체 및 배열에서 속성을 제거할때 사용가능) - delete 연산을 하여도 배열의 크기는 그대로 유지 된다. 따라서 delete 연산은..

Array.prototype.filter filter 메서드는 자신의 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다. 그리고 콜백 함수의 반환값이 true인 요소로만 구성된 새로운 배열을 반환한다. 이때 원본 배열은 변경되지 않는다. const numbers = [1, 2, 3, 4, 5]; //filter 메서드는 numbers 배열의 모든 요소를 순회하면서 콜백 함수를 반복 호출한다. // 그리고 콜백 함수의 반환값이 true인 요소로만 구성된 새로운 배열을 반환한다. // 다음의 경우 numbers 배열에서 홀수인 요소만 필터링한다 (1은 true로 평가된다). const odds = numbers.filter(item => item % 2); console.log..

이전에 우리가 알고있는 자료구조는 객체 - 키가 있는 컬렉션을 저장함 배열 - 순서가 있는 렉션을 저장함 였지만 현실세계를 반영하기에는 이 두 자료구조 만으론 부족해서 Map Object가 만들어졌다. 맵 객체 메소드 맵 객체는 기존 객체와는 다르게 메소드만을 이용해 값을 넣고 뺀다. 기본적으로 추가, 조회, 삭제를 할 수 있는 메소드들은 아래와 같다 //변수명 자유롭게 설정 가능 let map = new Map(); // set으로 맵 객체에 추가 map.set("id", 0); map.set("이름", "마이클"); map.set("전공", "영문학"); map.set("나이", 25); // 이런식으로 정의할때부터 바로 넘겨줄 수 도 있음 let michael = new Map([ ["id", 0]..