\ 한개만 나오니까 유의해야 합니다. 

'Front-End > JavaScript' 카테고리의 다른 글

[JS] return, continue, break 차이  (0) 2023.06.03
JS 공부일지 6.2  (0) 2023.06.02
[JS] map 이해  (0) 2023.05.02
[JS] String.prototype.substring() / slice() / splice() ?  (0) 2023.04.30
[JS] 공부하면서 유의 해야할것  (0) 2023.04.18

자바스크립트 map() 은 3가지가 map 갈호안에 들어가는데 이해하기 쉽게 직접 연습해본 결과입니다.

참고>

https://www.freecodecamp.org/korean/news/javascript-map-method/

 

JavaScript Map - JS.map() 함수 사용 방법 (배열 메소드)

어떤 배열에 있는 모든 요소들의 값을 변경해서 만든 새로운 배열을 써야 할 때가 있습니다. 그 때 루프를 사용하여 배열에 대해 수동으로 반복 처리하는 대신, 간단히 기본 제공 Array.map() 메소

www.freecodecamp.org

 

'Front-End > JavaScript' 카테고리의 다른 글

JS 공부일지 6.2  (0) 2023.06.02
[JS] console.log('\\') 출력값  (0) 2023.05.20
[JS] String.prototype.substring() / slice() / splice() ?  (0) 2023.04.30
[JS] 공부하면서 유의 해야할것  (0) 2023.04.18
[JS] foreach 문 학습  (0) 2023.04.15

우선 substring/ slice 둘다 마지막숫자 에서 -1을 하고 반환하는것은 같습니다.

 

substring() 은 

 

substring(indexStart) 

substring(indexStart, indexEnd)  

이렇게2개로 사용되는데 End가 안쓰이면 Start index부터 끝까지 출력되며, End가 있으면 End-1 인덱스까지 출력됩니다.

 

참고>

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring

 

 

slice에서 유의해야할것이 있는데 예를들면 slice(0, 2) 와 slice(0, -2)는 결과가 다르다는점

음수는 맨뒤에서 그 수만큼 제외하고 출력한다.

 

(0, 2)와 (0, -2)의 결과차이

splice() 는 간단히 생각하면  제거한부분에 채워넣거나 제거하고 나머지 출력이라고 생각하면 쉽습니다.

참고> 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice#0%EB%B2%88_%EC%9D%B8%EB%8D%B1%EC%8A%A4%EC%97%90%EC%84%9C_%EB%91%90_%EA%B0%9C_%EC%9A%94%EC%86%8C_%EC%A0%9C%EA%B1%B0%ED%95%98%EA%B3%A0_parrot_anemone_blue_%EC%B6%94%EA%B0%80

 

 

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2)
splice(start, deleteCount, item1, item2, /* …, */ itemN)

 

 

또한 slice( -9,-6) 이렇게 있을때 slice 양수처럼 마지막 -6에서 +1한 숫자까지 가져온다

=> 즉, -9 ~ -5까지 가져옴  

 

'Front-End > JavaScript' 카테고리의 다른 글

[JS] console.log('\\') 출력값  (0) 2023.05.20
[JS] map 이해  (0) 2023.05.02
[JS] 공부하면서 유의 해야할것  (0) 2023.04.18
[JS] foreach 문 학습  (0) 2023.04.15
[JS] 함수란?  (0) 2023.04.15

https://www.freecodecamp.org/korean/news/javascript-foreach-how-to-loop-through-an-array/

 

JavaScript에서 forEach 함수를 사용해 배열 순회하기

JavaScript의 forEach 메서드는 배열을 순회하는 여러 방법 중 하나입니다. 사용자는 실행하는 작업에 따라 각각의 특징을 고려하여 어떤 메서드를 사용할지 결정해야 합니다. 이 기사에서는 JavaScript

www.freecodecamp.org

참고>

실제로 브라우저 console 창에 연습할려고 해본결과입니다.(직접 해봐서 이해하기 더 쉬웠습니다.)

 

- 또한 forEach((number, index, array)) 가 있는데 array는 배열수 여기서는([2,3,4,5,6])가  5개 풀력됩니다. 원소의 갯수가 3개일때는 3개씩 1세트로 3개 출력 

number1, index1 자리에 이름이 바뀌어도 첫번째자리, 두번째자리 그대로 잘 출력된 모습

 

 

다음은, forEach의 array부분을 이해하기 쉬운 그림이다. 배열자체가 출력된다 

 

'Front-End > JavaScript' 카테고리의 다른 글

[JS] String.prototype.substring() / slice() / splice() ?  (0) 2023.04.30
[JS] 공부하면서 유의 해야할것  (0) 2023.04.18
[JS] 함수란?  (0) 2023.04.15
[JS] Promise 란?  (0) 2023.04.09
[JS] 이벤트리스너 (콜백함수)  (0) 2023.04.08

참고자료> 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Functions

 

함수 - JavaScript | MDN

함수는 JavaScript에서 기본 구성 요소 중 하나입니다. JavaScript의 함수는 작업을 수행하거나 값을 계산하는 명령문의 집합인 프로시저(procedure)와 비슷하지만, 프로시저가 함수로 쓰이려면 입력을

developer.mozilla.org

 

 

'Front-End > JavaScript' 카테고리의 다른 글

[JS] 공부하면서 유의 해야할것  (0) 2023.04.18
[JS] foreach 문 학습  (0) 2023.04.15
[JS] Promise 란?  (0) 2023.04.09
[JS] 이벤트리스너 (콜백함수)  (0) 2023.04.08
[JS] 객체의 비교(원시값과의 차이점)  (0) 2023.04.03

+ Recent posts