728x90 반응형 프로그래밍 언어/JS34 JavaScript) spread(전개 연산자)와 rest spread 문법 ES6에서 도입된 문법 펼치다, 퍼뜨리다라는 뜻으로 객체나 배열, 함수에서 사용 - 기존 객체의 깊은 복사를 사용 때문에 객체나 배열의 주소를 참조하는 얕은 복사가 아닌 값을 복사하는 깊은 복사에 이용할 수 있음 spread를 깊은 복사에 이용 const animals = ['강아지', '고양이', '사람']; const animals2 = animals; // 얕은 복사 - 기존 animals 배열의 주소 값을 참조 const anotherAnimals = [...animals]; // 깊은 복사 - 값 자체를 복사하여 새로운 배열 생성 console.log(animals, animals2, anotherAnimals); // [ '강아지', '고양이', '사람' ] [ '강아지', .. 2022. 4. 5. JavaScript) 정렬 - sort() sort() 자바스크립트는 콜백 함수로 비교 함수를 받을 수 있다 let arr = [5,3]; arr.sort(function(a, b){ return a - b; // 오름 차순 }); console.log(arr); //[3, 5] let arr = [5,3]; arr.sort(function(a, b){ return b - a; // 내림 차순 }); console.log(arr); //[5, 3] sort()의 콜백 함수 생략 시 오름차순, ASCII 문자 순으로 정렬 반환 값이 0보다 작다면 a를 b보다 앞에 배치 반환 값이 0보다 크다면 b를 a보다 앞에 배치 반환 값이 0이면 현재 자리 유지 object 정렬 object의 property를 참조하여 정렬할 수 있다 const obj = {.. 2022. 4. 4. JavaScript) 문자열 자르기 - substr, sutbstring, slice str.substr(시작 index \[, 길이\]); // 길이가 없으면 끝까지 str.substring(시작 index \[,종료 index\]); // 종료 index가 없으면 끝까지 str.slice(시작 index \[,종료 index\]); // 종료 index가 없으면 끝까지, 음수 index 사용 가능 -1이 마지막 index 2022. 4. 3. JavaScript) 문자 반복으로 문자열 만들기 Array(11).join("a") //"aaaaaaaaaa" "a".repeat(10) // "aaaaaaaaaa" 2022. 4. 3. 이전 1 2 3 4 5 6 ··· 9 다음 728x90 반응형