Skeleton의 세상

배열안의 요소를 따로 뽑아내는 filter 메소드가 있습니다 반환 값은 무조건 Boolean(true,false)로 반환되어야 true가 된 값을 반환해 줍니다 const test = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(test.filter(e => { return e % 2 === 0; }); // [2, 4, 6, 8] (요소를 2로 나눈 나머지 값을 true로 반환해 줍니다) console.log(test.filter(e => { return e % 3 === 0; }); // [3, 6, 9] 위와 같은 방법으로 여러가지를 filter해서 새로운 배열을 만들어 낼 수 있습니다.

배열 요소중에 어떠한 값이 들어있는지 확인해야 할 경우가 있습니다. 이때를 위해 Array객체에서 메소드를 제공해주는데요 한번 알아볼까요? 1. some some 메소드는 배열안의 모든 요소를 검사하는 것이 아니라 순차적으로 검색하며 맞는 요소가 나타나게 되면 거기서 멈춰버립니다. 참고하여 주세요. const test = [ { name: 'a', value: 0 }, { name: 'b', value: 1 }, { name: 'c', value: 2 }, { name: 'd', value: 3 }, { name: 'e', value: 4 }, ]; console.log(test.some(e => e.name === 'c')); // true ('c'가 name에 존재합니다) console.log(tes..

배열을 순서대로 정렬해주는 메소드가 sort라고 하면 이 배열을 뒤집어서 반대로 정렬시켜주는 메소드가 있습니다. const str = '1234567890'; const arr = Array.from(str); // [1],[2],[3],[4],[5],[6],[7],[8],[9],[0] arr.reverse(); // [0],[9],[8],[7],[6],[5],[4],[3],[2],[1] Array 객체에는 reverse의 메소드가 있기때문에 간편하게 반대로 정렬할 수 있습니다.

sort 메소드는 인자로 비교 함수를 대입하여 배열의 요소들을 정렬합니다 그리고 sort는 새로운 배열을 반환하는 것이 아닌 원본 배열을 변경하는 메소드입니다 const arrayTest = [5,3,2,6,9,4,1,8,7, 0]; const arrayObj = [ { num: 3, str: 'good' }, { num: 1, str: 'apple' }, { num: 5, str: 'bug' }, { num: 4, str: 'dog' }, { num: 2, str: 'food' }, { num: 7, str: 'eat' }, { num: 6, str: 'coka' }, ]; arrayTest.sort(function(a, b) { return a - b; }); // 결과 [0, 1, 2, 3, 4, ..

배열 요소 삭제 메소드중 맨앞에서부터 추출후 삭제하는 shift()의 메소드가 존재합니다 const test1 = [1, 2, 3, 4, 5, 6]; console.log(test1.shift()); // 결과: 1 console.log(test1.shift()); // 결과: 2 console.log(test1.shift()); // 결과: 3 console.log(test1.shift()); // 결과: 4 console.log(test1.shift()); // 결과: 5 console.log(test1.shift()); // 결과: 6 console.log(test1.shift()); // 결과: undefined const test2 = [1, 2, 3, 4, 5, 6]; const a = tes..

배열을 합치는 메소드가 존재합니다. const test1 = [1, 2, 3, 4]; const test2 = [11, 22, 33, 44]; console.log(test1.concat(test2)); // 결과: [1, 2, 3, 4, 11, 22, 33, 44] console.log(['하하'].concat('이이', '오오')); // 결과: ['하하', '이이', '오오'] concat 메소드는 배열을 합칠때 인자값으로 받은 배열을 기존배열 뒤에 합쳐줍니다

각 배열의 여러 요소를 하나로 합쳐 문자열로 변환하는 메소드가 있습니다. const arrayData = ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff']; console.log(arrayData.join('!!')); // 결과: 'aaa!!bbb!!ccc!!ddd!!eee!!fff console.log(arrayData.join('!!\n')); // 결과: join뒤에 인자값으로 배열 사이에 문자열을 추가하여 병합할 수 있습니다. 대부분은 구분자를 넣어서 한줄로 만듭니다

배열은 다중으로 값을 넣을 수 있습니다 const test = [1, 2, 3, 4]; // 1차원 배열 const test2 = [ [1, 2], [3, 4], [5, 6], ]; // 2차원 배열 const test3 = [ [ [1, 2], [1, 2], [1, 2], ], [ [3, 4], [3, 4], [3, 4], ], [ [5, 6], [5, 6], [5, 6], ], [ [7, 8], [7, 8], [7, 8], ], ]; // 3차원 배열 test[0] // 1 test2[3][0] // 5 test3[3][0][2] // 7

pop 메소드의 경우 배열의 맨 마지막에서부터 삭제를 합니다 const test = [1, 2, 3, 4]; test.pop(); console.log(test); // 결과: [1, 2, 3]

배열에 값을 추가하는 메소드가 있습니다 하지만 배열에 값을 추가할때는 자동적으로 맨 마지막에 추가가 됩니다 이부분에 유의하여 사용하셔야합니다 const test = [1, 2]; test.push(3); console.log(test); // 결과: [1, 2, 3] 이렇게 push를 이용하여 추가할 수 있습니다