본문 바로가기

분류 전체보기

 (104)
[JavaScript] 배열 reduce(), reduceRight() arr.reduce() 와 arr.reduceRight()reduce와 reduceRight는 배열을 기반으로 값 하나를 도출할 때 사용됩니다. let value = arr.reduce(callback(accumulator, currentValue, index, array), initialValue); 배열.reduce(callback(누적값, 현재값, 인덱스, 요소), 초기값); Array.reduceRight() : 끝 인덱스 부터 시작한다는 점을 제외하고는 reduce()와 유사하다. reduce()는 빈 요소를 제외하고 배열 내에 존재하는 각 요소에 대해 callback 함수를 한 번씩 실행하는데, 콜백 함수는 다음의 네 인수를 받습니다: - accumulator - currentValue - c..
[JavaScript] 배열 map() 배열.map(함수)맵을 사용 하면 각 배열 요소에 대해 함수의 내용을 적용하여 새로운 배열 요소를 반환 합니다.변경된 새로운 배열이 만들어 집니다.기존 배열 요소에는 변경사항이 없습니다.        // 각각의 요소 값이 2배인 배열을 만들어 리턴합니다.     ar.map(n=>n*2)}     // 각각의 요소 값이 제곱인 배열을 만들어 리턴합니다.     ar.map(n=>n*n)}        ex11.html 파일을 다음과 같이 만듭니다.12345678910111213141516171819202122232425262728293031323334353637!DOCTYPE html>html lang="ko"> head>    meta charset="UTF-8">    meta name="viewp..
[JavaScript] 배열 sort() 배열.sort()대량의 데이터의 경우 정렬하기는 기본적인 기능입니다. 오름차순과 내림차순 정렬을 합니다.자바스크립트 배열의 sort()메서드는 기본적으로 문자열 정렬을 지원합니다.매개변수로 함수를 전달하면 함수 내용에 따라 정렬이 됩니다.함수는 앞의 값이 클경우 양수를 같을경우 0을 뒤의 값이 클경우  음수를 리턴하도록 구현하면 됩니다.         const zodiac = "쥐,소,호랑이,토끼,용,뱀,말,양,원숭이,닭,개,돼지".split(",");        document.write(`띠(${zodiac.length}개) : ${zodiac}`);                // sort() : 배열의 요소를 정렬합니다. 인자로 정렬에 사용될 비교 함수를 줄수 있습니다.         //  ..
[JavaScript] 배열 filter(), reverse(), every(), some() 배열.filter(함수) 매개 변수로 주어진 함수를 이용하여 배열내의 모든 요소를 테스트해서 참인 요소만으로 만들어진 배열을 반환합니다.        let oddArr = ar2.filter(n=>n%2==1);   // 홀수만        let evenArr = ar2.filter(n=>n%2==0); // 짝수만 reverse()배열 요소의 순서가 뒤집힌 배열을 반환합니다.         document.write(`띠(${zodiac.length}개) : ${zodiac.reverse()}`);every() : and 매개 변수로 주어진 함수로 배열내의 모든 요소를 테스트해서 참일 경우 true를 반환합니다.         let ar = [2, 4, 6, 8];        document.w..
[JavaScript] 배열 slice(), splice() slice()배열의 일부분을 잘라서 배열로 반환합니다.  array.slice(start, end)       let ar1 = zodiac.slice(0, 4);       let ar2 = zodiac.slice(4, 8);       let ar3 = zodiac.slice(8);       document.write(`${ar1.length}개 : ${ar1}`);       document.write(`${ar2.length}개 : ${ar2}`);       document.write(`${ar3.length}개 : ${ar3}`); splice()배열에 요소를 변경, 추가 또는 삭제 합니다. 배열.splice(시작인덱스, 지울갯수[,교체할배열항목[, ...]]);       // 삭제 : 5..
[JavaScript] 배열 indexOf(), lastIndexOf(), find(), findIndex() 문자열.padStrat(길이, 채움문자)문자열의 길이를 폭만큼 확보해서 문자열 앞에 빈자리를 채움문자로 채웁니다.문자열.padEnd(길이, 채움문자)문자열의 길이를 폭만큼 확보해서 문자열 뒤에 빈자리를 채움문자로 채웁니다.        document.write(`${ar.length}개 : `);        ar.forEach(n=> document.write(`${n}`.padStart(3, '0') + " "));        document.write(``);indexOf(값)매개 변수로  주어진 값과 같은 값을 가지는 첫 번째 요소의 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다. lastIndexOf(값)매개 변수로  주어진 값과 배열의 뒤에서 부터 찾아서 첫 번째로 발견된 요소의 인덱..
[JavaScript] 배열 concat(), fill(), copyWithin(), Array.isArray() 배열.concat()두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.         let ar1 = ["밤","배","감"];        let ar2 = ["사과","대추"];        let ar3 = ["딸기","포도"];        document.write(`${ar1.length}개 : ${ar1}`);        document.write(`${ar2.length}개 : ${ar2}`);        document.write(`${ar3.length}개 : ${ar3}`);                // concat() : 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.        let ar4 = ar1.concat(ar2, ar3);         docume..
[JavaScript] 배열 toString() 메서드와 Array.join() 메서드 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있습니다. 배열을 출력하면 toString()이 자동으로 호출된니다.        let ar = ["밤","배","감","사과","대추"];        // 배열에는 배열의 내용을 ,로 구분해서 문자열로 만들어 주는 toString()이 만들어져 있다.        document.write(`${ar.toString()}`); // 밤,배,감,사과,대추         let str = ar.toString();        document.write(`${str}`); // 밤,배,감,사과,대추         // 배열을 출력하면 toString()이 호출된다.        document.write(`${ar..

티스토리툴바