.filter()
filter 메서드는 주어진 함수의 테스트를 통과하는
모든 요소를 모아 새로운 배열로 반환합니다.
예제 1
예제 2
.map()
map 메서드는 배열 내의 모든 요소 각각에 대하여
주어진 함수를 적용한 결과를 모아 새로운 배열을 반환합니다.
예제 1
예제 2 map을 활용해 배열 속 객체를 재구성하기
예제 3 함수를 인자로 사용하여 숫자 배열 재구성하기
예제 4 배열의 요소에 함수 적용
.concat()
concat() 메서드는 인자로 주어진 배열이나 값들을
기존 배열에 합쳐서 새 배열을 반환합니다.
예제 1
예제 2 배열 두 개 이어붙이기
예제 3 배열 세 개 이어붙이기
예제 4 배열에 값 이어붙이기
전개구문을 사용하여 다음과 같은 식도 가능
.reduce()
reduce() 메서드는 배열의 각 요소에 대해 주어진
리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다.
예제 1
예제 2 배열의 모든 값 합산 (화살표 함수)
예제 3 객체 배열에서의 값 합산
예제 3 중첩 배열 펼치기
예제 4 배열의 중복값 삭제
삼항연산자(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator)
전개구문 사용(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax)
Set()
Set 객체는 자료형에 관계 없이
원시 값과 객체 참조 모두 유일한 값(중복 x )을 저장할 수 있습니다.
예제 1 Set를 사용하여 배열을 객체화.
예제 2 배열의 중복 요소 제거하기.
Array.from()
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from
.size()
size 접근자 속성은 Set 객체의 원소 수를 반환합니다.
예제 1
While 문
while문은 조건문이 참일 때 실행되는 반복문이다.
조건은 문장안이 실행되기 전에 참, 거짓을 판단한다.
예제 1
.indexOf()
indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는
첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.
예제 1
.split()
split() 메서드는 String 객체를 지정한 구분자를 이용하여
여러 개의 문자열로 나눕니다.
예제 1
.toString()
toString() 메서드는 특정한 Number 객체를 나타내는 문자열을 반환합니다.
예제 1
.reverse()
reverse() 메서드는 배열의 순서를 반전합니다.
첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 됩니다.
예제 1
Math.max()
Math.max()함수는 0이상의 숫자 중 가장 큰 숫자를 반환합니다.
예제 1
예제 2
예제 3
.lastIndexOf()
lastIndexOf() 메서드는 배열에서 주어진 값을 발견할 수 있는 마지막 인덱스를 반환하고, 요소가 존재하지 않으면 -1을 반환합니다. 배열 탐색은 fromIndex에서 시작하여 뒤로 진행합니다.
예제 1
예제 2 array의 4번 인덱스부터 역순으로 2의 값을 가진 인덱스를 출력한다.
break
break 문은 현재 반복문, switch 문, 또는 label 문을 종료하고, 그 다음 문으로 프로그램 제어를 넘깁니다.
예제 1
continue
continue 문은 현재 또는 레이블이 지정된 루프의 현재 반복에서 명령문의 실행을 종료하고 반복문의 처음으로 돌아가여 루프문의 다음 코드를 실행합니다.
break 문과 달리 continue는 루프의 실행을 완전히 종료하지 않고 for, while문에서 다음과 같이 동작합니다.
|| while 루프에서는 다시 조건으로 점프합니다.
|| for 루프에서는 업데이트 표현식으로 점프합니다.
continue 문에는 현재 루프 대신 레이블이 지정된 루프 문의 다음 반복으로 건너 뛰도록하는 선택적 레이블이 포함될 수 있습니다. 이 경우, continue 문은 이 레이블 된 명령문 내에 중첩되어야합니다.
예제 1
Math.min()
Math.min() 함수는 주어진 숫자들 중 가장 작은 값을 반환합니다.
예제 1
예제 2
Math.floor()
Math.floor() 함수는 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환합니다.
예제 1
.forEach()
forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다.
예제 1
Math.random()
Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 난수 생성 알고리즘에 사용되는 초기값은 구현체가 선택하며, 사용자가 선택하거나 초기화할 수 없다.
예제 1
예제 2
.slice()
slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.
예제 1
.join()
join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.
예제 1
.replace()
replace() 메서드는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환합니다. 그 패턴은 문자열이나 정규식(RegExp)이 될 수 있으며, 교체 문자열은 문자열이나 모든 매치에 대해서 호출된 함수일 수 있습니다.
예제 1 'dog'를 각각 'ferret'과 'monkey'로 바꾼 예제
- 정규 표현식(정규식)의 개념
https://opentutorials.org/course/743/6580
https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/%EC%A0%95%EA%B7%9C%EC%8B%9D
.pop()
pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다.
예제 1
.splice()
splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
예제 1
예제 2
.sort()
sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.
예제 1
예제 2
.unshift()
unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다.
예제 1
표현식과 연산자(++, -- 등)
이 장은 JavaScript의 표현식과 할당, 비교, 산술, 비트 계산, 논리, 문자열, 삼항 등 여러 가지 연산자를 설명합니다.
++
new
new 연산자는 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다.
기존의 객체를 복사할 때 사용될 수 있다.
배열의 경우, 기존의 배열을 새로운 배열에 집어넣어 하나의 인덱스값으로 사용할 수 있다.
인스턴스로써 활용.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/new
.fill()
fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다.
삼항연산자
fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다.
조건(?의 앞)이 true면 첫번째 값 도출(:의 앞), 아니라면 두번째 값 도출(:의 뒤)
Object.keys()
이 Object.keys()메서드는 지정된 객체의 고유하고 열거 가능한 속성 이름 배열을 반환하며 일반 루프와 동일한 순서로 반복됩니다.
.every()
every() 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다.
