기본 콘텐츠로 건너뛰기

spectrum 에게 물어보세요. multiple option을 flat 하게 하고 싶어요.

질문:
쇼핑몰에서 옵션이 여러개 있는데 이걸 조합해서 보여주고 싶어요.
사이즈: s, m, l
색상: blue, red
길이: short, long
대상: girl, boy, woman, man

이라고 했을 때
s blue short woman
이런 식으로요.

답변:
reduce 를 사용하세요.
풀이 예제 << 클릭하면 coffee/js 소스랑 결과값 모두 볼 수 있어요.

Array::flatMap = (lambda) ->
  @concat.apply [], @.map lambda
v=[
 ['s','m','l']
 ['blue','red']
 ['short', 'long']
 ['girl', 'boy', 'woman', 'man']
]
console.log "result\n",
  v.reduce (x1,x2)->
    x1.map (o)->
      x2.map (p)->
        "#{o} #{p}"
    .flatMap (o)->o
분류의 갯수는 상관없어요.
두개를 순서대로 합쳐야한다! 싶을 때는 reduce로 어떻게 해봐야지!
하고 시작하는게 좋아요.

먼저 ['s', 'm', 'l'] 하고 ['blue', 'red'] 만 놓고 보자구요.
map으로 이중 루프를 돌면서 둘을 조합하면 되겠지요?
['s', 'm', 'l'].map (o)->
  ['blue', 'red'].map (p)->
    "#{o} #{p}"
근데 이렇게 하면
[["s blue","s red"],["m blue","m red"],["l blue","l red"]]

아마 이렇게 되겠지요.
['blue', 'red'].map 이 하나의 array 가 되고
그것들의 array 가 ['s', 'm', 'l'].map (o)->이니까요.

물론, 
temp=[]
  ['s', 'm', 'l'].map (o)->
    ['blue', 'red'].map (p)->
      temp.push "#{o} #{p}"
temp
이런 식으로 push 할 수도 있겠지요.
하지만, temp 변수를 할당하고 메모리를 낭비했네요.

  ['s', 'm', 'l'].map (o)->
    ['blue', 'red'].map (p)->
      "#{o} #{p}"
  .reduce (x,y)->
    [].concat x,y

혹은 concat 을 사용해서 앞뒤 어레이를 []를 벗겨주는 것도 방법이겠네요.
근데 이럴때 쓰는 좋은 게 있어요.

flatMap 이라고요. [ ] 상자에서 까주는 것이지요.
RxJS 나 lodash 같은 걸 쓰면 바로 해결할 수도 있지만 만들어 쓰는 것도 좋겠져.

Array::flatMap = (lambda) -> 
  @concat.apply [], @.map lambda

이렇게 만들면 되겠네요.
근데 나는 Map 은 안하고 Flat ([]까기)만 하겠다 싶으면
flatMap (o)->o 라고 쓰는 것 조차 귀찮을 거여요.

Array::flatMap = (lambda) -> 
  @concat.apply [], @.map if lambda? then lambda else (o)->o

이렇게 lambda 가 없을 경우엔 (o)->o 해서 flatMap() 로도 쓸 수 있게 하면 편리하겠죠?

자 flat 한 array 를 만들었으면 이걸 reduce 로 눈덩이 처럼 불려봅니다.
다음 reduce 가 돌때엔 앞서 조합한 모든 array 와 합치겠죠?

string 이 아니라 object를 사용할 땐 [].concat o,p 한다던가 재주를 부려봅시다.

댓글

이 블로그의 인기 게시물

MQTT Broker Mosquitto 설치 후 설정

우분투 기준 $ sudo apt-add-repository ppa:mosquitto-dev/mosquitto-ppa $ sudo apt-get update 하고 $ sudo apt-get install mosquitto 으로 설치하면 서비스까지 착실하게 올라간다. 설치는 간단한데 사용자를 만들어야한다. /etc/mosquitto/mosquitto.conf 파일에서 권한 설정을 변경하자. allow_anonymous false 를 추가해서 아무나 못들어오게 하자. $ service mosquitto restart 서비스를 재시작. 이제 사용자를 추가하자. mosquitto_passwd <암호파일 경로명> <사용자명> 하면 쉽게 만들 수 있다. # mosquitto_passwd /etc/mosquitto/passwd admin Password:  Reenter password:  암호 넣어준다. 두번 넣어준다. 이제 MQTT 약을 열심히 팔아서 Broker 사글세방 임대업을 하자.

cURL로 cookie를 다루는 법

http://stackoverflow.com/questions/22252226/passport-local-strategy-and-curl 레거시 소스를 보다보면 인증 관련해서 cookie를 사용하는 경우가 있는데 가령 REST 서버인 경우 curl -H "Content-Type: application/json" -X POST -d '{"email": "aaa@bbb.com", "pw": "cccc"}' "http://localhost/login" 이렇게 로그인이 성공이 했더라도 curl -H "Content-Type: application/json" -X GET -d '' "http://localhost/accounts/" 이런 식으로 했을 때 쿠키를 사용한다면 당연히 인증 오류가 날 것이다. curl의 --cookie-jar 와 --cookie 옵션을 사용해서 cookie를 저장하고 꺼내쓰자. 각각 옵션 뒤엔 저장하고 꺼내쓸 파일이름을 임의로 지정하면 된다. 위의 과정을 다시 수정해서 적용하면 curl -H --cookie-jar jarfile "Content-Type: application/json" -X POST -d '{"email": "aaa@bbb.com", "pw": "cccc"}' "http://localhost/login" curl -H --cookie jarfile "Content-Type: application/json" -X GET -d '' "http://localhost/accounts/" 이렇게 사용하면

OS X 터미널에서 tmux 사용시 pane 크기 조절

http://superuser.com/a/660072  글 참조. OS X 에서 tmux 사용시 나눠놓은 pane 크기 조정할 때 원래는 ctrl+b, ctrl+↑←→↓ 로 사이즈를 조정하는데 기본 터미널 키 입력이 조금 문제가 있다. 키 매핑을 다시 하자 Preferences(cmd+,) > Profile >  변경하고자 하는 Theme 선택 > Keyboards 로 들어가서 \033[1;5A \033[1;5B \033[1;5C \033[1;5D 를 순서대로 ↑↓→←순으로 매핑이 되도록 하면 된다. +를 누르고 Key에 해당 화살표키와 Modifier에 ctrl 선택 한 후 <esc>, [, 1, ;, 5 까지 한키 한키 입력 후 A,B,C,D를 써준다. 잘못 입력했을 땐 당황하지 말고 Delete on character 버튼을 눌러 수정하도록 하자. 그리고 다시 tmux에서 ctrl+b, ctrl+↑←→↓로 사이즈를 조절해보자. 잘 된다.