개발공작소
728x90
반응형
[JS] javascript ES6에서의 Class에 대해서.. ( Class 생성과 함수 호출 )
FrontEnd/JavaScript 2022. 3. 9. 22:05

java를 배웠다면 Class를 많이 썼을텐데.. javascript에서는 Class를 사용해본 적이 없다. 그래서 오늘 한번 정리해보려고 한다.. ES6에서 Class문법이 추가되었고, 덕분에 기존의 prototype 기반으로 클래스를 만드는 것보다 명료하게 클래스를 만들 수 있게 되었다고 한다. Class ============================================================================ 기본문법 -- Class 생성 -- Class안에 여러 메서드를 정의 할 수 있음 class MyClass { constructor() {} method1() { ... } method2() { ... } method3() { ... } ... } // Class..

[JS] reduce함수를 사용하여 값을 누적 시켜보자.
FrontEnd/JavaScript 2022. 3. 9. 21:05

reduce 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 배열을 순회하면서 값을 누적시킨다. 각 값의 더한 총값을 구할 때 주로 쓰인다. 여기서는 값 누적에 대해서만 했기 때문에 더 자세히 알고 싶은 사람은 ( 문서 참조 ) 하길 바란다. Array.prototype.reduce() ========================================================================== 기본문법 [배열명].reduce([이전값],[현재값]){ return [이전값] + [현재값] },[초기값]) 예제 이 함수 보면서 든 생각인데, 굳이 이걸 쓸 필요는 있을까? 라는 생각도 든다. 지금까지 값을 더할 때는 forE..

[JS] some함수와 every함수에 대해 알아보자. ( 배열 API )
FrontEnd/JavaScript 2022. 3. 9. 20:02

오늘은 배열 처리 함수인 some과 every에 대해 정리해보자. 공통점 배열을 순회하면서 특정조건을 만족하는 지 검사한다. 조건에 부합하면 true를, 부합하지 않으면 false를 반환한다. 실제 배열의 내부 값에 대한 검토를 할 때 자주 사용 된다. 차이점 some은 조건에 하나라도 부합하면 true를, every는 전부 부합해야 true를 반환한다. Array.prototype.some() ======================================================== 기본문법 --ES5 [배열명].some(function(e){ e.속성 == [조건] }) --ES6 화살표함수 [배열명].some(e => { e.속성 == [조건] }) 예제 Array.prototype.ev..

article thumbnail
[JS] splice함수와 slice함수에 대해 알아보자. ( 배열 값 자르기 )
FrontEnd/JavaScript 2022. 3. 9. 18:26

배열에서 지원하는 API중 배열안의 값을 자를 때 사용하는 함수에 splice와 slice가 있는데, 비슷하지만 다른 점이 있어 이렇게 같이 정리한다. 핵심 : splice는 기존 배열을 변경, slice는 원본 배열은 변경되지 않고, 새로운 배열 객체를 반환 Array.prototype.splice() ========================================================================== splice 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다. 기본문법 [배열명].splice(시작, 엔드); 예제 결과 결과를 보면 array는 0~3번째 속성이 잘려서 4~5번째 속성만 가지는 배열로 변경이 되었고, newA..

article thumbnail
[JS] reverse 함수를 사용하여 배열 안의 데이터를 반전 시켜보자
FrontEnd/JavaScript 2022. 3. 9. 01:52

Array.prototype.reverse() reverse 메서드는 배열의 순서를 반전한다. 첫 번째 요소는 마지막 요소가 되며 마지막 요소는 첫 번째 요소가 된다. Array에서 제공하는 함수로 그냥 배열에 reverse함수를 갖다 붙이기만 하면 된다. 기본문법 [배열].reverse(); 예제

article thumbnail
[JS] javascript 문자열을 구분자를 이용하여 배열로 변환해보자 ( feat. split함수 )
FrontEnd/JavaScript 2022. 3. 9. 01:42

String.prototype.split() split 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다. 기본문법 [문자열].split([구분자],[길이]); = string.split(separator, limit); separator 필수 X 구분자 값이 입력되지 않으면 문자열 전체를 배열에 담아서 리턴 limit 필수 X 최대 분할 갯수 여기서 둘 다 필수는 아니지만, separator같은 경우를 넣어주지 않으면 나뉘어서 배열로 리턴 되는 게 아니라, 기존 문자열인 상태로 배열로 변환하기 때문에 의미가 없어진다. 즉 에러는 안나지만, 구분자는 반드시 넣어서 쓸 것 예제1 예제2

728x90
반응형