How to get specific part of a strings from a string using javascript?

Question

I have a RGBA color in this format:

RGBA:1.000000,0.003922,0.003922,0.003922

How can I separate each value from this string such as:

var alpha = 1.000000;
var red = 0.003922;
var green = 0.003922;
var blue = 0.003922;

I want to do this in javascript.

@Anni - Ive replaced "jQuery" with "javascript" in both the title and question. The reason is that this is not a task that requires jQuery - it's vanilla javascript stuff. — Jamiec
– Jamiec, Commented Mar 14, 2014 at 12:15
Or a little more specifically: str.slice(5).split(',').map(Number) — Xotic750
– Xotic750, Commented Mar 14, 2014 at 12:18

VisioN · Accepted Answer · 2014-03-14 12:15:30Z

4

There is no need to use jQuery. It is rather straightforward JavaScript operation. The easiest way is to use String.prototype.split() method:

var rgba = '1.000000,0.003922,0.003922,0.003922'.split(',');

console.log(rgba[0]);  // "1.000000"
console.log(rgba[1]);  // "0.003922"
console.log(rgba[2]);  // "0.003922"
console.log(rgba[3]);  // "0.003922"

To get numbers instead of strings you may use parseFloat() or a shortcut + trick:

var red = parseFloat(rgba[0]);  // 1.000000
var green = +rgba[1];           // 0.003922

If your string contains extra data you may either first remove it with replace():

var str = 'RGBA:1.000000,0.003922,0.003922,0.003922'.replace('RGBA:', ''),
    rgba = str.split(',');

or use regular expression to match numbers:

var rgba = 'RGBA:1.000000,0.003922,0.003922,0.003922'.match(/\d+\.\d+/g);
>> ["1.000000", "0.003922", "0.003922", "0.003922"]

edited Mar 14, 2014 at 12:15

answered Mar 14, 2014 at 12:10

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

14 Comments

Jamiec Over a year ago

Might be worth throwing the parseFloat bit into your answer - looks like the OP wanted numerics rather than strings

Anni Over a year ago

original string is RGBA:1.000000,0.003922,0.003922,0.003922

VisioN Over a year ago

@Jamiec Thanks for the catch. I have added it to the answer.

Jamiec Over a year ago

Another one - slice out the RGBA from the start of the string.

Anni Over a year ago

what about the letters RGBA: in the original string

|

Collectives™ on Stack Overflow

How to get specific part of a strings from a string using javascript?

1 Answer 1

14 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

14 Comments

Your Answer

Sign up or log in

Post as a guest

Related