자바스크립트로 데이터를 넣을려고 하는되요 문의 드립니다.
본문
자바스크립트로 데이터를 넣을려고 하는되요
자바스크립트로 데이터를 넣을려고 하는되요
아래 데이터 를 넣을 려고 하는되요
어떻에 구성하면될까요?
arr.push(json_data[i]);
console.log('arr',arr)
- 0:
- height: 1948
- src: "http://domain/mo/assets/img/sample/t01_1.png"
- width: 900
- 1:
- height: 675
- src: "http://domain/mo/assets/img/sample/t01_1.png00.jpeg"
- width: 900
위 내용을 아래에 넣을려고 합니다.
조언구합니다.
const options = {
dataSource: [
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
],
답변 4
이렇게도 될듯하고요..
let src = json_data[i]['src']? json_data[i]['src'] : '';
let width = json_data[i]['width']? json_data[i]['width'] : '';
let height = json_data[i]['height']? json_data[i]['height'] : '';
let newImage = {
src,
width,
height
};
아래건 ai한테 최적화 해달랬더니 이런거 주네요? ㅋㅋ 참고하세요.
const arrstr = json_data.map(({src, width, height}) => ({ src, width, height }));
const options = {
dataSource: arrstr,
showHideAnimationType: 'none',
pswpModule: () => import('/js/photoswipe/js/photoswipe.esm.js'),
};
const dataSource = [
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
{
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1950,
height: 1300,
},
];
이게 맞을듯한데요
let newImage = {
src: 'http://domain/mo/assets/img/sample/t01_1.png',
width: 1948,
height: 900
};
options.dataSource.push(newImage)
var arrstr = [];
for (let i = 0; i < json_data.length; i++) {
let jData =json_data[i];
let newImage = {
src: jData['src'],
width: jData['width'],
height: jData['height']
};
arrstr.push(newImage);
}
const options = {
dataSource: arrstr,
showHideAnimationType: 'none',
pswpModule: () => import('/js/photoswipe/js/photoswipe.esm.js'),
};
이렇게 넣어보세용
!-->