如何拆分数组并将每个值存储在本地存储中

Question

I have array like below,

Array
(
    [0] => http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png
    [1] => http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png
    [2] => http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911571.png
)

I want to split above array and each key value has to stored in localStorage like 'front'=> array[0],'back'=>array[1],'side'=>array[0] .

How to achieve this. ?

Answer 1

1. If your array is in JAVASCRIPT , you can access to the array elements directly, so you can call the localStorage function directly...

    var yourArray = [ 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png', 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png', 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911571.png' ]; localStorage.setItem('front',yourArray[0]); localStorage.setItem('back',yourArray[1]); localStorage.setItem('side',yourArray[2]); 

2. If your array is in PHP , you'll have to add a <script> element...

    <?php $yourarray = array( "http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png", "http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png", "http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911571.png" ); ?> <script> localStorage.setItem('front','<?=$yourarray[0]?>'); localStorage.setItem('back','<?=$yourarray[1]?>'); localStorage.setItem('side','<?=$yourarray[2]?>'); </script> 

Answer 2

you can have separate script (test.php) and have a json out as below

<?php

$arr1 = array(
    0 => 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png',
    1 => 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911570.png',
    2 => 'http://192.168.1.156/dutees_dev/image/catalog/tmprgbimages/1508911571.png'
);

$arr2 = array('front'=>'', 'back'=>'', 'side'=>'');


// assign values from array 1 to array 2
$arr2['front'] = $arr1[0];
$arr2['back'] = $arr1[1];
$arr2['side'] = $arr1[2];


echo json_encode($arr2);

then from javascript you can access this object as follows and store it in local storage

<script>

            $(document).ready(function () {
                $.get("test.php", function (data, status) {

                    var out = JSON.parse(data);

                    // Store in local storage
                    localStorage.setItem("frontElem", out.front);
                    localStorage.setItem("backElem", out.back);
                    localStorage.setItem("sideElem", out.side);

                    var side = localStorage.getItem("sideElem", out.side);
                    console.log(side)

                });
            });

        </script>