web study

자바스크립트 함수에서 함수명 소괄호에 들어가는 문자가 어떤 역할을 하는지 궁금할 것이다. 매개변수(parameter)와 인수(argument)에 대해서 알아보자. 목차 매개변수와 인수의 형태 매개변수과 인수의 개수 1. 매개변수와 인수의 형태 function a(parameter) { console.log(parameter); } a('argument'); // 함수 호출 // 결과 : argument 함수명 a 옆에 있는 소괄호의 안에 들어있는 'parameter'는 매개변수이다. 고정된 값이 아닌 말 그대로 변수이다. 따라서 넣어주는 값에 따라 달라지는데, 이때 인수를 사용한다. a라는 함수를 호출하면서 소괄호에 'argument'라는 문자열을 넣어주었다. parameter 매개변수에 'argumen..

배열에서 원하는 요소를 찾아 삭제해야 하는 경우가 있다. 우선 배열에서 특정 요소를 찾는 방법을 알아보고 그 요소만 골라서 삭제하는 방법에 대해 알아보자. splice 기능에 대해 아직 모른다면 먼저 아래 페이지를 참고하여 공부하고 오길 바란다. [Javascript] splice 기능 - 배열에서 원하는 요소 제거, 추가 자바스크립트에서 배열의 맨 앞과 맨 뒤 요소를 제거하거나 추가하는 방법은 비교적 간단했다. 그렇다면 원하는 위치의 요소를 제거하거나 다른 값으로 바꾸기 위해서는 어떤 기능을 사용해야 fromnowwon.tistory.com 목차 includes indexOf, lastIndexOf 배열에서 원하는 요소를 찾아 제거하는 방법 1. includes includes는 특정 요소가 배열 안에..

자바스크립트에서 배열의 맨 앞과 맨 뒤 요소를 제거하거나 추가하는 방법은 비교적 간단했다. 그렇다면 원하는 위치의 요소를 제거하거나 다른 값으로 바꾸기 위해서는 어떤 기능을 사용해야 할까? 목차 배열에서 원하는 요소 제거하기 배열에서 요소 제거 후 다른 값 넣기 1. 배열에서 원하는 요소 제거하기 맨 앞과 맨 뒤 요소가 아닌 중간에 있는 요소를 제거하기 위해서는 splice 기능을 사용하면 된다. splice의 첫 번째 숫자는 인덱스이고 두 번째 숫자는 해당 인덱스의 요소를 포함하여 제거할 요소의 개수를 나타낸다. const array = ['a', 'b', 'c', 'd']; array.splice(1, 1); // 인덱스 1인 요소를 포함하여 1개 요소 삭제 console.log(array); // ..

자바스크립트에서는 배열의 맨 앞과 맨 뒤 요소를 추가하거나 제거하기 위해 여러 가지 기능을 제공하고 있다. 배열의 맨 앞과 맨 뒤의 요소를 제거하기 위한 기능은 어떤 게 있는지 알아보자. 목차 배열의 맨 뒤 요소 제거 배열의 맨 앞 요소 제거 1. 배열의 맨 뒤 요소 제거 배열의 마지막에 새로운 요소를 추가할 때에는 length를 활용하는 방법이나 push 기능을 사용하면 된다. 반대로 맨 뒤 마지막 요소를 제거할 때에는 pop 기능을 사용하면 된다. const array = ['a', 'b', 'c', 'd']; array.pop(); console.log(array); // 결과 : ["a", "b", "c"] 2. 배열의 맨 앞 요소 제거 배열의 맨 앞에 요소를 추가할 때에는 unshift라는 기능..

자바스크립트의 배열은 요소를 추가할 수도 있고, 수정이나 제거할 수도 있다. 요소 수정의 경우 요소의 인덱스를 활용하여 쉽게 변경할 수 있다. 그렇다면 배열의 맨 뒤와 맨 앞에 요소를 추가하기 위해서는 어떻게 해야 할까? 목차 배열의 맨 뒤에 요소 추가하기 배열의 맨 앞에 요소 추가하기 1. 배열의 맨 뒤에 요소 추가하기 배열의 인덱스는 0부터 시작하기 때문에, 맨 뒤 요소의 인덱스는 항상 배열의 개수보다 1만큼 적다. 이 점을 활용하여 맨 뒤에 요소를 추가할 수 있다. const array1 = ['a', 'b', 'c', 'd'] // 맨 뒤 요소인 'd'의 인덱스는 3, 전체 요소의 갯수(array1.length)는 4 array1[array1.length] = 'e' // 기존 배열에 없는 4번째..

for 문을 이중으로 사용하면 쉽게 구구단을 출력할 수 있다. 구구단의 결괏값을 짝수만 출력하거나 홀수만 출력하는 경우 continue 문을 활용하면 된다.

우리가 콘솔 창에서 어떠한 식을 입력 후, 결괏값이 무엇인지 알아보기 위해서 console.log 명령어를 사용하는 경우가 있다. 그런데 항상 맨 아래에 undefined가 뜨는데 그 이유는 무엇일까? 목차 결괏값으로 undefined가 반환되는 이유 undefined와 null의 차이점 null 값 확인 방법 undefined와 null 정리 1. 결괏값으로 undefined가 반환되는 이유 undefined가 식의 결괏값으로 반환되는 이유는 간단하다. undefined는 반환할 결괏값이 없을 때 나오는 것인데, console.log 명령어는 어떠한 값이 보이도록 출력하는 역할만 할 뿐 그 자체의 결괏값은 없다. 때문에 undefined가 반환되는 것이다. 2. undefined와 null의 차이점 그..

자바스크립트에서 사용하는 반복문에는 두 가지가 있다. 바로 while 문과 for 문이다. 보통 for 문이 더 간결하지만, 무한 반복문을 표현할 때는 while 문을 사용하는 게 더 간결하다. 목차 for 문 형식 for 문 실행 순서 while 문과 for 문의 비교 for 문에서 break 문으로 반복 멈추기 for 문 형식 for 문 형식은 아래와 같다. 우선 '시작'에서 변수 선언을 해준다. for (시작; 조건식; 종료식) { 실행문; } for 문 실행 순서 ①'시작' 부분에서 변수가 선언되면 ②그 변수를 사용한 조건식이 실행된다. ③조건식이 참이라면 ④실행문과 종료식이 순서대로 실행된다. ⑤다시 조건식으로 돌아간다. ⑥조건식이 성립하지 않을 때까지 실행문과 종료식이 반복 실행된다. whil..

우리가 자바스크립트를 사용하면서 조건문만큼 많이 사용되는 게 반복문이다. 이번에는 반복문 중에 하나인 while 문에 대해 알아보자. while 문은 조건식이 참인 경우 실행문을 무한반복 실행한다. 목차 while 문 형식 While 문의 무한 반복 While 문의 반복 중지 while 문 형식 while 문의 형식은 아래와 같다. while (조건식) 실행문; // 실행문이 여러 개인 경우 while (조건식) { 실행문1; 실행문2; } While 문의 무한 반복 앞서 말했듯이 while 문은 조건식이 참일 경우 실행문이 무한으로 실행된다. 이 경우 브라우저가 while 문을 처리하느라 과부하가 걸린다. 브라우저가 먹통이 될 수 있다. 따라서 이러한 문제가 발생하지 않기 위해 while 문을 제대로 ..

조건문에는 대표적으로 if문과 switch문이 있다. 문이 아닌 식으로 분기를 처리할 수 있는 방법이 있는데 바로 조건부 (삼항) 연산자이다. 보통 if문의 단축 형태로 쓰인다. 조건부 연산자는 자바스크립트에서 유일하게 피연산자가 3개 필요한 연산자이다. 조건부 연산자의 형식은 아래와 같다. 목차 조건부 연산자 형식 if 조건문 대체 조건부 연산자의 중첩 조건부 연산자 형식 조건식 ? 참일 때 실행할 식 : 거짓일 때 실행할 식 1 < 3 ? '참' : '거짓'; // 참 if 조건문 대체 if 조건문을 조건부 연산자 형태로 변경할 수 있다. let bool = true; if (bool) { console.log('참입니다.'); } else { console.log('거짓입니다.'); } // 참입니..