Changing only part of attributes value in JavaScript

Question

I have 3D model, that is represented as an HTML element with COORDS attribute having "x y z ... x y z" coordinates. If model is small (COORDS value is relatively short) then its no problem to split the string (put values into array), change specific values (i know position/index), and join array (get string back together).

So, is there a way to get/update parts of COORDS value, while only knowing position/index in the string?

Jani Hartikainen · Accepted Answer · 2011-04-21 14:10:48Z

1

You could use the substr function to split the string at the position where you want to change it. This way you would only end up with two part string.

Basically something like this:

var str = 'foo bar baz';
var start = str.substr(0, 4); //start is now 'foo '
var end = str.substr(7); //end is now ' baz'

var newStr = start + 'hello' + end; //foo hello baz

For this to work you would need to know the exact index in the string plus the length of the data you wish to replace. It may be easier to just split it as long as there are no performance problems with it.

answered Apr 21, 2011 at 14:10

Jani Hartikainen

43.4k11 gold badges70 silver badges87 bronze badges

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

2 Comments

CubicsRube Over a year ago

Thanks, Jani, bus this won't work because values could be very different: "1.234 1.0 -1111.00888 ... 0 0 0". I thought about something like getAttribute("COORDS")[0], but instead of one character it would refer to whole number. I tried regular expressions, but it does the same as split function.

Jani Hartikainen Over a year ago

If you know the index it would have in the array when split, you could use indexOf (str.indexOf) in a loop to find the Nth space, and after that, the next space. These points could then be used with the substr function.

Collectives™ on Stack Overflow

Changing only part of attributes value in JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related