使用正则表达式分割字符串

Question

I have a string which I need to separate correctly:

self.view.frame.size.height = 44

I need to get only view , frame , size , and height . And I need to do it with a regular expression. So far I've tried a lot of variants, none of them are even close to what I want to get. And my code now looks like this:

var testString = 'self.view.frame.size.height = 44'
var re = new RegExp('\\.(.*)\\.', "g")
var array = re.exec(testString);
console.log('Array length is ' + array.length)
for (var i = 0; i < array.length; i++) {
    console.log('<' + array[i] + ">");
}

And it doesn't work at all:

Array length is 2
<.view.frame.size.>
<view.frame.size>

I'm new at Javascript, so maybe I want the impossible, let me know. Thanks.

Answer 1

In Javascript, executing a regexp with the g modifier doesn't return all the matches at once. You have to execute it repeatedly on the same input string, and each one returns the next match.

You also need to change the regexp so it only returns one word at a time. .* is greedy, so it returns the longest possible match, so it was returning all the words between the first and last . . [^.]* will match a sequence of non-dot characters, so it will just return one word. You can't include the second . in the regexp, because that will interfere with the repetition -- each repetition starts searching after the end of the previous match, and there's no beginning . after the ending . of the word. Also, there's no . after height , so the last word won't match it.

EDIT: I've changed the regexp to use \\w* instead of [^.]* , because it was grabbing the whole height = 44 string instead of just height .

var testString = 'self.view.frame.size.height = 44';
var re = /\.(\w*)/g;
var array = [];
var result;
while (result = re.exec(testString)) {
    array.push(result[1]);
}
console.log('Array length is ' + array.length)
for (var i = 0; i < array.length; i++) {
    console.log('<' + array[i] + ">");
}

Answer 2

If you're sure that your data will be always in the same format you can use this:

function parse (string) {
    return string.split(" = ").shift().split(".").splice(1);
}

Answer 3

In your context, split is a MUCH better option:

var str = "self.view.frame.size.height = 44";
var bits1 = str.split(" ")[0];
var bits2 = bits1.split(".");
bits2.shift(); // get rid of the unwanted self
console.log(bits2);