Front-End

배열을 하나하나 탐색하다. 내 풀이 주어진 숫자가 배열 안에 존재하면 그 수는 몇 번째에 위치합니다라고 출력하고 존재하지 않으면 그 수는 배열에 존재하지 않습니다라고 출력한다. 배열함수의 includes를 사용해서 배열에 존재하는지 안 하는지부터 확인하면 배열에 존재하지 않습니다를 바로 처리할 수 있다. 큰 틀로 if 조건문안에 includes를 사용해서 true면 존재하니까 반복문으로 들어간다. 반복문은 배열의 인덱스로 접근하는데, 인덱스가 0 ~ 인덱스 길이 - 1까지 있으므로 초기값 0, 증감식 i++ 조건부는 인덱스 길이 - 1까지 해주면 된다. 인덱스로 배열의 요소 접근하는 방법을 사용하여 주어진 값과 배열[i]이 같으면 배열에 그 수가 존재하고, 몇 번째인지 구하려면 i는 인덱스니까 몇 번째는..

소수를 구별하고 범위 내의 소수를 출력하는 함수를 만들다. 1. 소수 판별 함수 function primeNumber(num) { let count = 0; for (i = 1; i

특정 기능을 보관해 놓고 필요할 때마다 사용하는 함수를 배우다. 함수의 기본구조 function add(num1, num2){ // num1, num2 는 매개변수, 지역변수 let result = num1 + num2; // 실행로직 console.log(result) // return result; // 반환값, 위에 출력값이 있으니 return 생략 가능 } add(10, 20) // 함수 호출 -> 결과 반환 받기 매개변수는 이 함수 안에서만 영향을 끼치는 지역변수이다. 매개변수는 생략할 수 있는데, 예를들어 안녕을 출력하는 함수를 만들면 그냥 매개변수 없이 실행로직에 안녕을 출력하는 코드를 넣으면 된다. 매개변수 입력 받을 필요도 없다. 두 수의 연산을 함수로 만들기 //miuns, mul, d..

배열과 반복문, if를 이용하여 선택정렬을 만들다. 버블 정렬과는 반대로 인덱스 0(맨 앞)부터 맞춰나가는 정렬 방식이다. 오름차순으로 정렬해보겠다. 처음엔 인덱스 0 을 기준으로 올라가면서 비교해서 처음으로 인덱스 0보다 작은 수를 minNum에 대입해서 보관하고 기준 수를 temp에 보관하고 작은 수가 있던 자리에 기준 수를 배치하고, 기준 수가 있던 자리에 minNum을 배치하면 현재 과정에서 가장 앞자리에 비교하는 수 중에서 가장 작은 수가 배치된다. 그 다음 반복 과정은 맨 앞자리 0 인덱스가 고정되어있기 때문에 그 다음 앞자리 인덱스 1에 들어갈 가장 작은수를 찾아야한다. 기존에 있던 인덱스 1 자리 수를 기준 수로 생각하고 인덱스를 높여가며 비교해서 가장 작은수를 인덱스 1자리에 배치하고 가..

버블정렬을 만들다. 코드블럭 버블 정렬 방법을 직접 for문과 if문을 응용하여 만들기를 해보자. 더보기 버블 정렬: 인접한 두 인자끼리 서로 크기 비교를 하여 서로 위치를 바꾸는 과정으로 진행되는 정렬 방식 별 찍기 했을 때처럼 버블 정렬을 오름차순으로 정렬하는 방법을 리팩토링 방법으로 설명해 보겠다. 1. 배열 선언 및 변수 선언 let arr = [4, 3, 2, 1, 0] let lenArr = arr.length // 5 나중에 쓰일지 모르는 배열의 길이는 5 2 - 1 ) 1바퀴째 정렬단계 if(arr[0] > arr[1]){ 치환: 두 변수 값을 서로 바꾸는 것 임시변수를 만들어서 변수값이 사라지는 것을 방지한다. let temp = arr[0]; arr[0] = arr[1]; arr[1] ..

배열과 조건문을 사용해서 컴퓨터와 가위바위보 하다. 1. 컴퓨터가 먼저 가위바위보 중에 하나를 내게 만들기 let comChoice = ["가위", "바위", "보"] // 0 1 2 인덱스 번호 let ranNum = Math.floor(Math.random() * 3); // 0부터 2.99999까지의 난수를 정수화 console.log("컴퓨터: ", comChoice[ranNum]) // 컴퓨터가 무엇을 냈는지 콘솔창에 출력 컴퓨터의 가위바위보 배열을 만들어준다. 인덱스 번호로 접근해 보겠다. 앞에서 배운 난수를 만드는 방법으로 0 1 2 중 하나를 만들어 주고 ranNum 변수에 대입한다. 배열의 요소를 인덱스로 접근하는 방법을 사용해서 (배열[인덱스]) 컴퓨터가 가위 바위 보 중에 하나를 내도..

배열함수를 연습하다. 1. 배열 생성 let likeList = ["휴식", "강아지", "게임", "음악", "걷기"] // 리스트 선언 let을 사용해서 배열 선언하기. 2. 배열의 마지막 요소 제거 likeList.pop(); // 마지막 요소 제거 pop함수를 사용해서 마지막 요소를 제거한다. document.write(배열. pop())을 하면 마지막 요소가 출력된다. → pop함수는 제거하는 것도 맞지만 마지막 요소를 꺼낸다고 생각하면 도움이 된다. (파이썬과 같다.) 3. 배열의 마지막 요소에 "코딩" 추가 likeList.push("코딩") // 맨 뒤에 요소 추가 push함수를 사용해서 마지막 요소에 넣고 싶은 요소를 밀어 넣는다. 4. 배열 속 "코딩"이 존재하는 지 확인 likeLis..

배열을 활용하여 배열 내 최댓값을 구하다. 1. 첫번째 방법 배열의 길이를 구하는 이유는 배열의 길이와 반복 과정 횟수와 연관성이 있기 때문이다. maxNum 변수를 만드는 이유는 배열 내 요소들과 maxNum과 하나씩 다 비교하기 때문에 maxNum보다 큰 값만 maxNum 변수에 대입해서 결국 배열 내 가장 큰 수가 maxNum에 들어간다. 2. 두번째 방법 새로운 변수 maxNum2에 Math.max(배열) 함수를 대입하면 자동으로 최댓값이 들어간다.