MEAN stack/SNS Crawler App
유튜브,트위터 크롤러 :: 배열 데이터 순서 랜덤
내가달이다
2017. 1. 8. 02:20
유튜브 , 트위터 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()}); // 랜덤 함수
완성된 페이지는 랜덤으로 섞인다