프로그래밍/Javascirpt(11)
-
[Javascript] 배열 객체 메소드와 활용 예시
array 객체가 갖고 있는 내장 메소드에 대해 간단한 설명과 예시를 알아보겠습니다. concat() 2개의 배열 객체를 하나로 합치거나 인자로 주어진 배열이나 값들을 기존 배열에 합쳐 새 배열을 반환 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 배열객체 const arr_1 = ["딸기", "사과", "포도", "바나나"]; const arr_2 = ["오렌지", "수박", "참외"]; result = arr_1.concat(arr_2); document.write(result); Colored by Color Scripter cs copyWithin() 배열의 일부를 복사한 뒤 다른 위치에 덮어씀 copyWithin(붙여넣기할 위치, 복사 시작 위치, 복자 종료 위치) 1 2..
2021.08.25 -
[Javascript] var, const, let 변수 선언 차이
javascript 변수의 선언 방법은 var, const, let 3가지가 있습니다. 각각의 차이점에 대해 알아보겠습니다. var var는 변수 선언 뒤 재선언을 해도 결과값이 에러없이 출력됩니다. 어떻게 보면 재선언 기능이 장점으로 보일 수 있겠지만 같은 변수명을 계속 사용할 경우 이미 선언한 변수값이 사라지는 문제가 발생해 치명적인 단점으로 작용할 수도 있습니다. let let은 재선언은 불가하지만 재할당이 가능합니다. 아래와 같이 재선언한 경우 에러 메시지를 출력합니다. 재할당한 경우는 제대로 출력되는 걸 볼 수 있습니다. const const는 재선언, 재할당이 모두 불가합니다. 먼저 재선언한 경우 let과 동일하게 에러 메시지를 출력합니다. 다음으로 재할당한 경우입니다. 처음 선언한 "hell..
2021.08.18 -
[Javascript] 중첩 for문, 이중 for문을 이용해 구구단 출력하기
for문 안에 for문이 들어가 있는 형태로 간단한 예제를 통해 알아보겠습니다. 아래 예제는 1~6학년을 출력하고 각 학년마다 5반까지 출력하도록 했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 중첩 for문 for(var i = 1; i
2021.08.10 -
[Javascript] checkbox checked 갯수 제한두기
checkbox input type 중 하나로 기본 형태는 사각형 모양으로 마우스 클릭을 하게 되면 배경색이 파란색으로 바뀌면서 체크 표시가 뜨게 됩니다. 회원가입이나 쇼핑을 할 때 등등 쉽게 볼 수 있는 input type 인데요. 오늘은 여러 개의 checkbox 중에서 특정 갯수 이상으로 체크되지 않도록 script code를 짜보겠습니다. 소스와 함께 간략한 설명을 주석으로 달았습니다. 위 소스에선 if문으로 checkbox가 2개까지 체크되도록 했고 3개를 체크하려는 순간 alert 함수로 경고창이 뜨면서 체크가 되지 않도록 했습니다.
2021.07.29 -
[Javascirpt] for문 continue
continue문 continue문을 반복문 다음에 사용하게 되면 다음에 오는 코드를 반복에서 무시하고 조건식으로 넘어가게 됩니다. 바로 코드를 보시는 게 이해가 편할테니 코드를 참고해주세요! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 for문 continue for(var i = 1; i
2021.07.27 -
[Javascript] for문 break
break문 반복문인 for문에서도 break문을 사용할 수 있는데요. break문은 반복할 조건에 상관없이 break 에 해당되면 반복을 종료합니다. 말보단 직접 보시는 게 이해가 빠를테니 예제를 보여드리겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 for문 break for(var i = 1; i
2021.07.27