JS/JS 공부 53

[JS] 배열 순환 forEach, map,filter (for in, for of)

배열 순환 : 배열의 순환할 수 있는 구조를 이용하여 특정 기능을 할 수 있는 메서드가 제공 array.forEach (callback function) : 일반 반복문과 유사한 형태 문자와 숫자가 섞여있는 배열에도 사용이 가능 기본형 numArr.forEach( function( elem_value, index, self ) { console.log(index, elem_value, self [ index ]); }) ; elem_value : 요소의 값 index : 배열의 요소값 self : 배열 (자신 = self) - 값은 항상 value, index, 배열순으로 입력 - 보통 index와 elem_value만 사용 (elem_value와 self [ index ] 값이 동일하니까!) const..

JS/JS 공부 2023.04.17

[JS] 배열 순환 탐색 메서드

array.reduce(callback function ( total, value, index, self ), [init value] ) 연산의 누적값 리턴 array.reduceRight (callback function ( total, value, index, self ), [init value] ) 배열의 값을 우측에서 좌측방향으로 대입 array.every(callback function ( total, value, index, self )) 콜백함수의 리턴 조건에 모든 배열의 값이 만족하면 true / 아니면 false 리턴 - 배열의 and 개념 array.some(callback function ( total, value, index, self )) 콜백함수의 리턴 조건에 만족하는 배열값이 ..

JS/JS 공부 2023.04.17

[JS] 배열의 정렬 sort, reverse

sort( ) 오름차순 정렬 / reverse( ) 내림차순 정렬 array.sort() : 문자기준 오름차순 정렬 (ascending) 가, 나, 다... / 1, 2, 3... array.reverse() : 문자기준 내림차순 정렬 (descending) 라, 다, 나... / 5, 4, 3... 정렬할 배열의 원소가 숫자인 경우 : 콜백함수를 이용하여 내부 연산하여 정렬 (콜백 함수 : 바로 사용하는 함수) 순차 정렬 (오름차순) array.sort ( function(a,b){ return a- b; }) 역 정렬 (내림차순) array.sort( function(a,b) { return b - a; }) 사용 예 1) 1~45까지의 랜덤 숫자 6개를 생성해 배열에 넣고 콘솔에 출력 사용 예 2)..

JS/JS 공부 2023.04.17

[JS] 배열 관련 메서드 join, push, unshift, pop, shift

배열관련메서드 : 유사(연관)배열에서는 사용 제한이 있음 1. join() : 배열 원소 사이에 문자를 삽입하여 새로운 문자열을 생성 2. push(value) : 배열의 마지막에 value를 추가 => push 후 배열의 길이를 리턴 (array[array.length]=value;와 동일 효과) const ourClass = []; ourClass.push('동글'); console.log(ourClass); // 0:동글 ourClass.push({n:10, m:'F'}); console.log(ourClass); // 0:동글 1:{n:10, m:'F'} (1번으로 배열길이는 3!) console.log(ourClass.push('빵빵')); // 4 (빵빵 추가 후 배열의 길이) 3. unshi..

JS/JS 공부 2023.04.17

[JS] Array 배열, associative Array 유사배열(연관배열)

Array 배열 : 자바스크립트의 배열은 유동배열 = 크기와 데이터의 변경이 가능 특징 1. 데이터 타입 혼용 가능 (권장x) const myArray = [1, 2, 3, 'a', 'b']; 원래 배열은 같은 데이터 타입만 원소로 사용하는 것이 원칙 but! 자바 스크립트에서는 허용 2. 초기값이 없는 빈 배열을 만든 후, 데이터 추가해 사용 가능 myArray=[ ]; myArray[0]=1; //0번지에 추가 myArray[myArray.length]=2; //맨 뒤에 추가 myArray[myArray.length+3] = 'new'; //배열의 가장끝에서 +3위치에 추가 (이때 비어있는 공간은 undefined) 3. 각 데이터들은 콤마(,)로 분리되고, 분리된 자료는 index를 가진다 인덱스는..

JS/JS 공부 2023.04.17

[JS] 반복문 while, for

반복문 while, do~while은 반복의 횟수를 예상하기 어려울 경우 자주 사용 while 문 while ( 조건문 ) { 실행문; } 조건이 true이면 반복 조건이 실행문안에서 false로 바뀔 수 있는 구문이 필요 / 또는 break; 무한 루프를 조심 예) 구구단 출력 https://jungeun980906.tistory.com/180 (이중반복문) 예) 제곱 출력 https://jungeun980906.tistory.com/179 //구구단 3단 출력 let dan = 3; let cnt = 1; while(cnt

JS/JS 공부 2023.04.14

[JS] Math & Random 수학관련 함수

Math & Random 수학관련 함수 : 수학관련 함수는 자바와 동일하게 사용됨 Math.round(number) : 인수의 소수점 이하를 반올림한 정수를 반환 Math.trunc(number) : 인수의 모든 소수 부분을 삭제하고 정수 부분만을 반환함. Math.ceil(number) : 인수의 소수점 이하를 올림한 정수를 반환 Math.floor(number ) : 인수의 소수점 이하를 내림한 정수를 반환 = Math.ceil의 반대 개념 Math.sqrt(number) : 인수의제곱근을 반환 Math.pow(number, number) : 첫번째 인수를 밑(base), 두번째 인수를 지수(exponent)로하여 거듭제곱을 반환 Math.abs(number) : 인수의 절대값 반환 Math.max(..

JS/JS 공부 2023.04.14

[JS] 조건문 if, switch / 널병합 연산자 ??

조건문 if문 if ( 조건식 ) { 실행문; } 조건식은 반드시 true / false 이여야함. (값을 가지면 안됨) else if 를 이용하여 중첩이 가능 switch문 switch( 식/ 변수 ) { case 값: 실행문 ; break; case 값2: 실행문2 ; break; case 값3: 실행문3 ; break; ... default : 실행문10 ; break; } break를 사용하여 중단! 널병합 연산자 : null coalscing operator null, undefined 를 판단하여 해당하는 대체값을 출력하는 연산자 좌측항이 null 또는 undefined 이면) 우측항(값)을 출력 아니면) 좌측항 그대로 출력 좌측항 ?? 우측항

JS/JS 공부 2023.04.14