[JavaScript] Template literal(문자열)

.trim()

맨앞 맨뒤의 불필요한 공백제거

 

Array.prototype.forEach()

1) forEach

forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다.

for문을 돌리는것과 같은 개념.

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

callback - 각 요소에 대해 실행할 함수. 아래 세 가지 매개변수를 받는다

• callback: function (currentValue[, index[, originalArray]])
• currentValue:  처리할 현재 요소.
• index: 처리할 현재 요소의 인덱스 (Optional)
• Array: fotEach()를 호출한 배열 (생략가능)
• thisArg: callback을 실행할 때 this로 사용할 값.  this에 할당할 대상. 생략시 global객체

const a = [ 1, 2, 3 ]
a.forEach(function (v, i, arr) {
    console.log(v, i, arr, this) // 10 [1,2,3] [10,11,12], 2 1[1,2,3] [10,11,12], 3 2[1,2,3] [10,11,12]
}, [ 10, 11, 12 ])

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Array.prototype.forEach() - JavaScript | MDN

 

2) map

Array.prototype.map(callback[, thisArg])
map은 for문을 돌려서 새로운 배열을 만드는 목적.

• callback: function (currentValue[, index[, originalArray]])
  • currentValue: 현재값
  • index: 현재 인덱스
  • originalArray: 원본 배열
• thisArg: this에 할당할 대상. 생략시 global객체

const a = [ 1, 2, 3 ]
const b = a.map(function (v, i, arr) {
    console.log(v, i, arr, this)
    return this[0] + v
}, [ 10 ])

3) reduce

MDN - Array.prototype.reduce

Array.prototype.reduce(callback[, initialValue])

fot문을 돌려서 최종적으로 다른 무언가를 만드는 목적. return필수

• initialValue: 초기값. 생략시 첫번째 인자가 자동 지정되며,
  이 경우 currentValue는 두번째 인자부터 배정된다.
• callback: function (accumulator, currentValue[, currentIndex[, originalArray]])
  • accumulator: 누적된 계산값
  • currentValue: 현재값
  • currentIndex: 현재 인덱스
  • originalArray: 원본 배열

const arr = [ 1, 2, 3 ]
const res = arr.reduce(function (p, c, i, arr) {
  console.log(p, c, i, arr, this)
  return p + c
}, 10)

const arr = [ 1, 2, 3, 4 ]
const str = arr.reduce(function (res, item, index, array) {
  return res + item
}, '')
console.log(str)

 

String.raw()

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/raw

String.raw() - JavaScript | MDN

 

 

 

 

 

 

 

 

참고 JavaScript ES6+ 제대로 알아보기, MDN