본문 바로가기

JavaScript10

[JS] 배열과 배열과 함께 쓰이는 함수들 변수에 들어가는 데이터에는 Numer, String, boolean 타입 등 많은 데이터 타입이 들어갈 수 있는데 그 중 하나가 배열(Array)이다. 배열을 사용하는 이유 만약 본인이 많은 색상을 가지고 있다고 했을 때 본인이 가지고 있는 색상의 리스트를 보기위해서는 각각의 색상 데이터를 저장했어야 했다. 물론 아래 코드와 같이 데이터를 저장할 수 있겠지만 굉장히 효율적이지 못하다. let color1 = "black" let color2 = "red" let color3 = "yellow" let color4 = "orange" 이런 비효율적인 문제를 해결하기 위해 배열이 나오게 되었다. 배열은 하나의 변수에 많은 데이터를 묶어서 저장하는 것이다. 배열의 사용법 let color = ["black",.. 2022. 8. 2.
[JS] 변수 선언(var, let, const, var와 let의 차이) 프로그래밍에서 변수란? 프로그래밍에서 변수는 어떤 데이터를 보관하는 공간이다. 간단하게 생각하면 어떤 물건을 담기위한 상자, 바구니, 그릇같은 느낌이다. 자바스크립트에서 변수를 선언할 때에는 var, let const 총 3가지로 선언을 한다. (다른 언어에 비해 적은 편이다.) 예를 들어 var color = "red" let color = "blue" const color = "yellow" 여기서 color는 변수의 이름 즉, 변수명이다. 변수명은 자신이 원하는 이름을 만들어 사용하면 되지만 나름의 규칙이 있다. 1. 변수명의 첫 글자는 영문자, 달러($), 언더 바(_)만 올 수 있다. 2. 두번째 이후 글자는 영문자, 달러($), 언더 바(_)와 숫자만 올 수 있다. 3. 변수명의 영문자는 대문.. 2022. 8. 1.
[WEB/JS] 함수(function) 이해하기 [ 함수의 기본 ] 자바스크립트에서 함수는 중복되는 코드가 여러 곳에서 나올 때 중복되는 코드를 하나의 함수로 묶어 그 함수만 실행하면 원하는 값을 가져올 수 있는 기능이다. 유지보수하기 좋기때문에 다른 언어에서도 많이 사용한다. Function Basic 예를 들어 위와 같은 코드가 있고 2-1, 2-2를 반복해서 출력하고 싶다면 반복문을 사용하면 될 것이다. 하지만 아래와 같은 코드는 중간에 3이 껴있기 떄문에 반복문을 사용할 수 없을 것이다. Basic 물론 하나하나씩 코딩을 해서 바꿀 수는 있지만 1억개를 바꿔야 한다면 굉장히 많은 시간과 노동이 필요할 것이다. 이때 사용하는 것이 함수이다. 함수를 사용하기 위해서는 script태그 안에서 function 함수명() { 중복되는 내용 } 를 사용해.. 2022. 7. 12.
[WEB/JS] 배열/반복문(for문, while문) 배열 [배열 선언하는 법] 스크립트 태그 안에 변수를 하나 정해서 배열을 선언 해준다. 배열을 선언할때는 [ ] 안에 선언 해준다. [배열의 인덱스를 확인하는 법] document.write(변수명 [ 인덱스 번호 ]) 로 확인이 가능하다. 배열은 첫번째부터 시작하는 것이 아니라 0번째 부터 시작하는 것을 유의해야 한다. 그렇기 때문에 0번째 인덱스에는 apple 1번째 인덱스에는 orange 2번째 인덱스에는 banana가 오게 된다. [배열을 중간에 추가하고 싶을 때는?] 배열을 중간에 추가하고 싶을 때도 있을 것이다. 배열을 추가는 변수명.push("추가할 배열"); 로 가능하다. 배열을 추가하게 되면 2번째 인덱스까지 차있는 상태기이 떄문에 인덱스는 3번이 된다. [배열의 크기를 알고 싶을 때] .. 2022. 7. 11.

티스토리툴바