Question

103

Beginner JavaScript: Working with JSON and Objects in JavaScript

rated 0 times [ 110] [ 7] / answers: 1 / hits: 23667 / 15 Years ago, fri, may 15, 2009, 12:00:00

I have some JSON returned to the browser like this product:

{ Title: School Bag, Image: /images/school-bag.jpg }

I want this data to be a Product object so I can use prototype methods like a toHTMLImage() that returns a HTML image representation of the product:

function Product() { }

Product.prototype.toHTMLImage = function() { //Returns something like <img src=<Image> alt=<Title> /> }

How do I convert my JSON results into a Product object so that I can use toHTMLImage?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tye

Add To Favorites

Follow

Total Points: 415

Total Questions: 103

Total Answers: 116

Location: Iraq

Member since Fri, Jun 5, 2020

4 Years ago

tye questions

1 React Google Maps Api Zoom to max on each refresh

Tue, May 31, 22, 00:00, 2 Years ago

1 Uncaught TypeError: Cannot read properties of null (reading 'original')

Tue, May 3, 22, 00:00, 2 Years ago

1 Vue3 use v-model in Child Components

Mon, Nov 9, 20, 00:00, 4 Years ago

1 npm install changes my package-lock.json, will that interfere with the remote code?

Fri, Sep 4, 20, 00:00, 4 Years ago

1 Angular RouterReuseStrategy, how to reuse only from specific routes?

Tue, Feb 25, 20, 00:00, 4 Years ago

View All

answered 15 Years ago jimmieo · Accepted Answer

Simple, if I got it,

var json = { Title: School Bag, Image: /images/school-bag.jpg }

function Product(json) {

    this.img = document.createElement('img');

    this.img.alt = json.Title;

    this.img.src = json.Image;



    this.toHTMLImage = function() {

        return this.img;

    }

}



var obj = new Product(json); // this is your object =D