Skeleton의 세상

javascript의 Math함수에는 올림 내림을 해주는 메서드들이 있씁니다. 이 글에서는 round, ceil, floor 이렇게 3가지의 방법에 대하여 알아볼까요 1. round round 메서드는 반올림을 합니다. 코드를 통하여 한번 알아보겠습니다 const float = 11.4567; 1. console.log(Math.round(float)); 2. console.log(Math.round(float * 10) / 10); 3. console.log(Math.round(float * 100) / 100); 4. console.log(Math.round(float / 10) * 10); 5. console.log(Math.round(float / 100) * 100); // 1번의 결과는 11 ..

가끔 무작위의 실수를 얻어야 할 경우가 있는데요 Javascript에는 Math함수에 random메서드가 존재합니다. console.log(Math.random * (max - min + 1) + min); min~max 사이의 무작위 값이 반환이 됩니다. 하지만 여기서 반환되는 값은 실수형으로 나오게되는데 정수형으로 바꿔주기 위해서 Math.floor(Math.random * (max - min + 1) + min); Math함수의 floor 내림 메서드를 이용하여 정수형으로 변환해서 반환합니다 올림 메서드를 사용하여 반환하여도 됩니다. 반올림내림 메서드를 다루는 내용은 다른 글에서 다루어 보도록 하겠습니다. 감사합니다!

객체를 배열로 변환해주는 메소드가 있습니다 const obj = { test: 'test', test1: 'test1', test2: 'test2', }; const arr = Object.entries(obj); 이렇게 배열로 만들어주는데요 잘못사용하면 이상한값으로 저장될 수 있습니다. 이점을 유의하셔서 사용하셔야 합니다

map 메소드는 함수를 인자로 받아 새로운 배열을 만들어주는 메소드입니다. 함수 안에 if문을 이용하여 원하는 값만을 변경할 수도 있고 아니면 한꺼번에 전부 바꿔버릴 수도 있습니다. 한번 알아 볼까요? const test = [ { name: 'a', value: 0 }, { name: 'b', value: 1 }, { name: 'c', value: 2 }, { name: 'd', value: 3 }, { name: 'e', value: 4 }, ]; const test2 = test.map(e => { e.value = e.value + 2; return e; }); const test3 = test.map(e => e.name); const test4 = test.map(e => { if (e.va..

배열안의 요소를 따로 뽑아내는 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의 메소드가 있기때문에 간편하게 반대로 정렬할 수 있습니다.

copyLink() { const dummy = document.createElement('textarea'); // textarea를 javascript 코드로 만들어 줍니다. document.body.appendChild(dummy); // body태그에 dummy(만든 textarea)를 추가 시킵니다. dummy.value = '여기가 클립보드에 저장할 데이터를 넣어주는 곳입니다'; // dummy에 값을 집어 넣습니다 (다른 정해진 값이 있다면 넣어주시면 됩니다) dummy.select(); // dummy를 선택합니다. document.execCommand('copy'); // 선택된(dummy) 값을 execCommand메서드의 명령어중 하나인 'copy'를 사용 // 하여 복사를 합니다. ..

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..