Elice) Javascript 2

 

1. 배열과 관련된 메서드

 

• sort()

sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다. (a-b, b-a 등으로 오름차순 내림차순 결정이 가능하다.)

• map()

map 메서드는 콜백 함수를 이용해 각각의 요소에 호출해서 그 값을 변환할 수 있게 해준다.

let arr = [1, 2, 3, 4];

let maparr = arr.map(function(element){
    return element *2;
});

console.log(maparr); // [2, 4, 6, 8]

• join

배열의 모든 요소를 연결해 하나의 문자열로 만든다. 배열.join()으로 배열을 하나의 문자열로 출력 괄호 안의 구분자를 생략하면 쉼표로 구분되어 하나의 문자열로 변경 되며, 필요할 경우 (’ ‘), (’-’) 등으로 출력할 구분자를 선택 가능하다.

• slice와 splice

slice : 특정 배열에서 ex.slice(2,4)를 입력하면 2부터 3까지를 복사한 값을 담고 있는 새로운 배열 생성

splice : 특정 배열에서 해당 범위를 삭제하거나 새로운 값을 추가 또는 기존 값을 대체하는 함수. 첫번째 인자로 시작 인덱스, 두번째 인자로 몇개의 값을 삭제할지, 세번째 인자로 추가할 값을 넣을 수 있음

두 가지 메서드 모두 (2,3)의 특성을 가지는데 인덱스 넘버는 0부터 시작 됨을 유의하고 사용하여야 한다.

splice(5, 3) → 인덱스 5가 가리키는 값부터 뒤의 3개의 값을 삭제.

splice(5, 0, -1, -2, -3) → 인덱스 5가 가리키는 값부터 0개의 값을 삭제 하고, 3개의 인자 삽입. 따라서 삭제 없이 배열에 원하는 인자를 삽입 할 수 있음

match : 동일한 단어를 문자열에서 찾기. 해당 문자열.match(’찾을 단어’)로 찾는다.

count 함수를 이용하여 갯수 찾기

const arr = ['a', 'b', 'c', 'a'];

let count = 0;
for(let i=0; i < arr.length; i++) {
  if(arr[i] === 'a')  {
    count++;
  }
}

console.log(count) // 2

해당 함수를 이용하여 해당 인자의 배열 내의 갯수를 알 수 있다.

 

---

 

2. 반복문

 

for 문

 

for문은 조건식이 거짓으로 판별될 때까지 코드 블록을 반복 실행한다. 가장 일반적으로 사용되는 반복문

• 선언방법 : for(변수선언문; 조건식; 증감식) {코드블록;}

이중 for문

• 이중 for문은 i의 값이 1일 때 j값이 1부터 6까지 총 6번 j ≤ 6을 만족 시킬 때 까지 반복한다.

[1,1] [1,2] [1,3] [1,4] [1,5] [1,6]

해당 문을 빠져 나오면 i는 2가 되고 다시 j값이 1부터 6까지 반복한다.

for (var i = 1; i <= 6; i++) {
	for (var j = 1; j <= 6; j++){
		if (i+j === 6) console.log('[${i},${j}]');
	}
}

'[${i},${j}]' → 백틱과 달러 표시로 감싸면 i , j의 단순한 값 출력이 아닌 반복문 내의 값으로 출력

 

while문

var n = 0;
var x = 0;

while (n < 3) {
  n++;
  x += n;
}

 

while문은 주어진 조건 식의 평가 결과가 참이면 코드 블록을 계속해서 반복실행

 

do ~ while 문

var i = 12;

do {
	console.log(i);
	i++;
} while (i < 10);

do {수행할 명령} while (조건); → while의 조건과 관계 없이, do의 명령을 무조건 실행부터 한다.

—> 일단 한번은 무조건 실행한 후 밑의 조건을 따라서 시도한다.

 

break문

let i = 0;

while (i < 5) {
	if (i === 4) {
    	break;
        }
        i = i + 3;
}

console.log(i);

break문은 현재 반복문을 종료하고, 그 다음 문으로 프로그램 제어를 넘긴다.

 

코드를 짤때 반복문이 적게 반복할 수 있어야 효율이 좋아진다.

---

3. if문

 

if문

 

if (조건) {수행할 명령}

var a = 20;
var b = 40;

if (a<b) {
	console.log("a는 b보다 작다.");
}

만약 a<b가 참이라면 중괄호 안의 코드를 실행

var a = 20;
var b = 40;

if (a<b) {
	console.log("a는 b보다 크다.");
} else {
	console.log("a는 b보다 작거나 같다.")
}

조건이 true면 if문 false면 else문 실행

 

else if 문

var a = 20;
var b = 40;
var c = 60;

if ( a > b) { console.log("a는 b보다 크다.");
} else if (b > c) { console.log("b는 c보다 크다.");
} else {console.log("모든 조건을 만족하지 않는다,")}

여러 개의 조건문을 생성할 때 사용 (위의 문장 들에서 한번이라도 참이 발생하면 아래의 문장은 실행하지 않는다.)

 

중첩 if문 : if문 안에 또다른 if문을 삽입할 때 사용 → 조건안에 다시 한번 조건을 설정하여 분기를 설정