Append to JS Object

Question

I'm wanting to append something to a JS Object similar to how you can push to an array. I know that you can't push to an object. So I'm trying to find another solution. It's a funky workaround to accomplish pagination.

$scope.showMore = function() {
    $rootScope.resultsObject = parseResults($rootScope.keywordData, $rootScope.limit);
}

That's the line of code where I'm running into problems.

parseResults() is taking my keywordData, and transforming it into columns of giant strings. show more

When showMore() is called, it is being assigned over resultsObject, thereby removing the first 2 rows of data. I'd rather have it add 2 more rows to the end.

Previous attempts at solving this involved keeping a running array of what was in resultsObject, then I would push more results into that array & try to rerun it through parseResults. This didn't work. It would create additional columns, or dump all the data into one single column.

So now I turn to the JS experts for a better solution.

I've tried working a fiddle up, but it doesn't function correctly. I do have a JSFiddle if you wish to see more of the code. Just remember that it doesn't work.

UPDATE:

Maybe my problem is with my parseResults(). Let me show you what the object actually looks like after being parsed:

resultsObject{
    column0: "column1<br>test1"
    column1: "column2<br>test2-1"
    column2: "column3<br>test3"
    column3: "column4<br>test4"
    column4: "column5<br>test5"
    column5: ""
}

So when I append to resultsObject, I want it to add onto the strings for each value. How is this possible?

Jonathan Palumbo · Accepted Answer · 2013-05-15 18:45:16Z

1

The angular extend method should allow you to do this.

var objectAB = { a: 1, b: 2 },
    objectCD = { c: 3, d: 4 };

var objectABCD = angular.extend(objectAB, objectCD);

console.log(objectABCD);
// { a: 1, b: 2, c: 3, d: 4 }

edited May 15, 2013 at 18:45

answered May 15, 2013 at 18:39

Jonathan Palumbo

6,8711 gold badge31 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

EnigmaRM Over a year ago

I'm not aware of the extend method. I like the look of it. However, it didn't function as I would expect.

$rootScope.resultsObject = angular.extend($rootScope.resultsObject, parseResults($rootScope.keywordData, $rootScope.limit));

I believe this is the right syntax. But it just gives me exactly what I had before.

Jonathan Palumbo Over a year ago

It hard to say what the problem is, your fiddle example does not seem to be working. You should try to console.log() the values of your input params. This may give you some insight as to why it does not return the results you expect.

EnigmaRM Over a year ago

Think I may have realized my problem. Within ParseResults, I'm assigning keys as Column[i]... And it's starting with the same index... I'm overwriting things there! grrrrr

EnigmaRM Over a year ago

I've added an update. Does that help add additional clarification?

Collectives™ on Stack Overflow

Append to JS Object

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related