유튜브 , 트위터 API 를 이용해 검색한 데이터를 한곳에 모아 보는 웹페이지를 제작하려했다
그런데 유튜브, 트위터 각각 api 에서 가져오다보니 이 두 데이터를 한 배열에 모아서 보여주려고 하니 어찌할까 하다가
랜덤 배열을 이용해 볼까 한다 ..
우선 랜덤 배열 http://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array
1 2 3 4 5 6 7 8 9 10 11 12 | this.SumArrayData[0] = new Array(); for(var i =0; i<5; i++) { this.SumArrayData[0][i] = this.tweetsArray[i]; } for(var i=0; this.YoutubeArray.length>i; i++) { this.SumArrayData[0][this.SumArrayData[0].length]= this.YoutubeArray[i]; } this.SumArrayData[0].sort(function(){return 0.5-Math.random()}); this.loading = false }); | cs |
사이클은 이렇다
for문 만큼 SumArrayData[0][i] 에 트위터데이터 값을 넣어준다
i를 5로 정한이유는 화면상에 트위터5개만보여주려고하기때문..
그 후
for 문에서 sumArrayData[0].length 값에 유튜브 값을 넣어준다
앞에 0~4 까지 는 트위터데이터 값이고 5번부터 유튜브 데이터 값을 넣어준것이다
this.SumArrayData[0].sort(function(){return 0.5-math.random()}); // 랜덤 함수
완성된 페이지는 랜덤으로 섞인다
'MEAN stack > SNS Crawler App' 카테고리의 다른 글
| 인스타그램,트위터 크롤러 :: 인스타그램 selector 수정 (3) | 2017.07.12 |
|---|---|
| spookyJS :: 오류(1) tiny-jsonrpc (0) | 2017.01.27 |
| CasperJs :: 자주 사용되는 함수 (0) | 2016.12.07 |
| 인스타그램,트위터 크롤러 :: 4 Nschedule (8) | 2016.12.01 |
| 인스타그램,트위터 크롤러 :: 3 Nodejs (0) | 2016.12.01 |
WRITTEN BY
,
