본문 바로가기
반응형

javascript3

[JS] Array Methods를 정리해보아요. 안녕하세요. 아아덕후입니다. JavaScript를 사용하면서 느끼는 점은 배열 관련된 메서드가 정말 많다는 것입니다. 예전부터 존재해오던 것 메서드부터 ES5 이후, 그리고 지금도 새로 릴리즈 메서드(ES2023)까지..! 머릿속에 희미하게, 얽혀있는 배열 메서드를 정리하기 위해 이 글을 작성했습니다. 목차 slice() splice() Concat() forEach() indexOf() lastIndexOf() includes() find() findIndex() filter() reverse() map() join() split() isArray() some() every() reduce() sort() 참고 자료 1. slice() Array.slice(n,m) : n(start) 부터 m(end).. 2023. 9. 9.
[JS] for, for of, for in을 정리해보아요. 안녕하세요. 아아덕후입니다. for, for of, for in 이름은 비슷하지만 역할이 다른 for 삼둥이들을 정리해보기 위해 글을 작성했습니다. 목차 for for of for in forEach 참고 자료 1. for for(초기값; 조건; 증감) { ... 실행문 } : 가장 기본적인 for loop 문법 초기값 : for 문이 시작될 때, 단 한번만 실행된다. 주로 카운터 변수를 초기화한다. 조건 : 매 루프마다 조건이 검사된다. 조건이 true 이면 루프가 계속되고, false 이면 루프가 종료된다. 증감 : 매 루프가 끝날 때마다 실행된다. 주로 카운터 변수를 증가 또는 감소시킨다. function forTest() { const arr = ["a", "b", "c", "d", "e"]; f.. 2023. 8. 22.
[JS] 데이터를 다루는 객체 사용 방법 (feat. 전개연산자 (ES6), Trouble Shooting) 목차 1. 코드로서의 객체 생성 (객체 리터럴) 2. 함수를 이용한 객체 생성 3. 클래스를 이용한 객체 생성 4. 객체 속성 추가 및 삭제 5. ★ 객체 복사 (참조 끊기) 및 분해 ★ (feat. Spread Operator, Destructuring assignment) 6. [ES6] Spread Operator를 이용한 Trouble Shooting 1. 코드로서의 객체 생성 (객체 리터럴) let box = { width: 200, height: 200, borderRadius: 5, backgroundColor: "red", }; 코드로서의 객체는 위와 같이 객체내에 프로퍼티를 정의합니다. 해당 방법이 객체를 만드는데 가장 많이 사용되는 방법이지만, 단점도 굉장히 많습니다. 객체는 기본적인 .. 2023. 4. 10.
반응형