Storing an array locally using browser's Local Storage

My previous post showed how to store a single piece of information in Local Storage (Browser Storage). However instead of a single piece of data you want to store an array of items.
Let us say your array has three elements, rose, jasmine and hyacinth and you want to store in an array named 'flowers'.
The following page shows how you may store array and retrieve array elements using JavaScript. Each statement is commented (view image magnified, if necessary).


ArrayStoreLocalStorage.png

 Place this page in IIS's wwwroot folder and browse. You can see the elements in the array in LocalStorage.


ArrayStoreLocalStorage1.png

 You can see more clearly here in the Microsoft Edge's developer window. Data stored from the previous post is also seen.



ArrayStoreLocalStorage2.png


Comments

Post a Comment

Popular posts from this blog

Apps with Mobile Roadie, the one-stop platform

Image
MobileRoadie is the platform to build mobile apps with rich features. It is also one-stop, build, manage, design and engage. It supports all media, photos, video and audio. The text color in the picture may not show you the logo clearly! Here are features taken from Mobile Roadie site . Using Photos: Upload your photos manually, or automatically pull in your photos from an RSS feed, Flickr account, Instagram account or hashtag, Mobypicture, Picasa, Twitpic, or Facebook Fan Page profile photos. Users will see your photos in a grid layout of your choosing, and can even play a slideshow of your photos. Embed news: Add news posts manually, or import automatically via RSS feed, Twitter account, or Google News keywords.     Each item has artwork, title, date & time, and HTML story content. FAN Wall:     Import your past and upcoming events from Artistdata, Bandsintown, Songkick, Plancast, Ticketmob, SonicLiving, Eventbrite, or ad...
Read more

Towards cross-platform development..

There are lots and lots of Apps. In fact there are over a couple of million Apps including all of the major brands, Apple, Google, Blackberry, Microsoft with Apple at the top and Microsoft in the bottom. But this is a growing market. The variety is truly bewildering, different size devices; different operating systems(OS); different programming languages;  and different orientations. This post is not very recent but you can see how the various mobile operating systems compare: http://www.ibtimes.com/android-vs-ios-whats-most-popular-mobile-operating-system-your-country-1464892 The interactive image in the article really shows the popularity of a given OS/device among different geographical regions. Windows Phone Apps is for example based on Microsoft's Window 7, 8, 8.1 OSs using .NET. With Windows OS and Visual Studio one can build Apps for all of Microsoft devices covering Phone, Tablet and Desktop. However Microsoft Windows Apps sans Html5/CSS/Javascript is OS specific. E...
Read more

Installing Android Studio 3.0 on Windows 10

Image
Android Studio 3.0 is the official Integrated Development environment (IDE) for Android app development. Android App studio brings in many features : • A flexible Gradle-based build system • A fast and feature-rich emulator • A unified environment where you can develop for all Android devices • Instant Run to push changes to your running app without building a new APK • Code templates and GitHub integration to help you build common app features and import sample code • Extensive testing tools and frameworks • Lint tools to catch performance, usability, version compatibility, and other problems • C++ and NDK support • Built-in support for Google Cloud Platform, making it easy to integrate Google Cloud Messaging and App Engine The installation is straight forward on Windows 10 as the installation program downloads all the necessary items during Android Studio installation. It is driven by a wizard which makes it very easy. You can downlo...
Read more