array에 자주 쓰는 sort, map, filter 함수에서 하실땐
products 에서만 하시는데 전 더보기를 눌렀을때 같이 따라온 data에도 같이 적용시켜서 하고싶어서 이것저것 몇시간동안 해봤는대
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
var 누른횟수 =0;
document.querySelector('.more').addEventListener('click', function(){
누른횟수++;
if(누른횟수 == 1){
fetch('https://codingapple1.github.io/js/more1.json')
.then(res => res.json())
.then(data => {
}).catch(error => {
console.log('에러')
});
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ대충 이렇게에서
.then(data => { }) 안에 넣는코드에
products.push(data) 를하면 data에 있는 자료는 1개의 배열취급으로 들어가더라구요 [] 때문인거같은데
그래서 이상하게 되는것같아서,
그래서
그러면 문자열로 바꿔서 [ ] 를 삭제한다음에 다시 바꿔서 products에 넣어보자 생각해서
var aaa = JSON.stringIfy(data); 를하면 data가 문자열로 나오고
var bbb = aaa.replace(/\[/g, '');
var ccc = bbb.replace(/\]/g, '');
console.log(JSON.parse(ccc));
이런식으로 해볼려했는대 []를 빼니까 json.parse가 또 안먹더라구요 등등 여러가지 다른것도 했는데 제 머리로는 해결이 안되네요...
data에 있는걸 products에 넣고 html을 비운다음에 products를 다시 foreach로 돌리는걸 구상했는대
ajax로 받아온 object를 이미있는 object에 넣을방법이 있을까요? 진짜 몇시간을 고민했어요 ㅠ
