JavaScript បំលែងរូបភាពពី string ទៅ array ដោយ split

នៅពេលយើងផ្ទុករូបភាពចូលទៅក្នុង data យើងមិនអាចផ្ទុកជា Array ទេ ដូន្នេះយើងផ្ទុកបានត្រឹមតែជា string។ ហើយប្រសិនយើងមានច្រើនរូបភាពនៅក្នុង string តែមួយយើងមិនអាចយកមកបង្ហាញបានទេ។ ហើយខាងក្រោមនេះគឺ string មួយ ដែលមានរូបភាពច្រើន

let image = "dog.jpeg dog1.webp dog2.webp dog.jpeg dog4.jpeg cat1.jpeg cat2.jpeg cat.webp"

នៅការបំលែង string ទៅ Array យើងមាន method មួយដែលមានឈ្មោះថា split() ។

</head>
<style>
    img{
        width: 250px;
        height: 300px;
        margin: 10px;
        float: left;
        object-fit: cover;
    }

</style>
<body>
    <div id="img">
        demo
    </div>
   
</body>
    <script>
        let image = "dog.jpeg dog1.webp dog2.webp dog.jpeg dog4.jpeg cat1.jpeg cat2.jpeg cat.webp"
        // convert to array
       let img = image.split(" ")
        let photo = ""
        for(i of img){
            photo +=`<img src="img/${i}" alt=""> `
        }
        document.getElementById("img").innerHTML = photo
    </script>
</html>