Pairing up with JavaScript

Question

Pairing up with JavaScript

Currently in the process of developing a web interface for XBMC that involves ajax. Because of the limitations of our ajax functionality, I had to resort to using local resources instead of my usual ajax class which generates output. I am working with a specific string where the * indicates potential changes.

Here is the string:

Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 PlayStatus:Playing SongNo:6 Type:Audio Title:Better Life Track:7 Artist:3 Doors Down Album:The Better Life Genre:Alternative Year:2000 URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 Lyrics: Bitrate:193 Samplerate:44 Thumb:DefaultAlbumCover.png Time:02:05 Duration:03:07 Percentage:66 File size:4509417 Changed:False

I am trying to figure out how to match the Title, Artist, Time and Duration. I attempted regex but haven't been successful due to limited JS knowledge.

Thanks, Brantje

EDIT: "Are you sure that's the string? All run together like that with no newlines? Edit: I edited the question to fix the formatting. – Ariel 2 hours ago"

Nope, The output from Shows as follows when playing a video

HTML code:

<html> 
<li>Filename:smb://SERVER/Movies/Drive Angry/Drive Angry (2011) DVDRip XviD-MAXSPEED.avi
<li>PlayStatus:Playing
<li>VideoNo:0
<li>Type:Video
<li>Thumb:DefaultVideoCover.png
<li>Time:00:00:28
<li>Duration:01:44:31
<li>Percentage:0
<li>File size:1666804442
<li>Changed:False</html>

When playing music it's slightly different.

<html> 
<li>Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/01 Kryptonite.mp3
<li>PlayStatus:Playing
<li>SongNo:-1
<li>Type:Audio
<li>Title:Kryptonite
<li>Track:1
<li>Artist:3 Doors Down
<li>Album:The Better Life
<li>Genre:Alternative
<li>Year:2000
<li>URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/01 Kryptonite.mp3
<li>Lyrics:
<li>Bitrate:192
<li>Samplerate:44
<li>Thumb:DefaultAlbumCover.png
<li>Time:00:05
<li>Duration:03:54
<li>Percentage:2
<li>File size:5618471
<li>Changed:False</html>

javascript ajax regex xbmc

Answer 1

Answer №1

Let's say we have a string like this:

var str = "Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 PlayStatus:Playing SongNo:6 Type:Audio Title:Better Life Track:7 Artist:3 Doors Down Album:The Better Life Genre:Alternative Year:2000 URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 Lyrics: Bitrate:193 Samplerate:44 Thumb:DefaultAlbumCover.png Time:02:05 Duration:03:07 Percentage:66 File size:4509417 Changed:False";

We can extract the properties into a dictionary or map using the following code snippet:

var dict = (" " + str).split(/ (\w+):/).reduce(function(acc, el, i, orig) {
    if (i % 2)
        acc[el] = orig[i + 1];
    return acc;
}, {});

The same result can be achieved without using a higher-order function:

var i, dict = {}, pair = (" " + str).split(/ (\w+):/);
for (i = 1; i < pair.length; i += 2)
    dict[pair[i]] = pair[i + 1];

Once the properties are stored in the dictionary, retrieving values is simple:

console.log(dict["Title"]);
console.log(dict["Artist"]);
console.log(dict["Time"]);
console.log(dict["Duration"]);

Values will be:

Better Life
3 Doors Down
02:05
03:07

Answer 2

Let's say we have a string like this:

var str = "Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 PlayStatus:Playing SongNo:6 Type:Audio Title:Better Life Track:7 Artist:3 Doors Down Album:The Better Life Genre:Alternative Year:2000 URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 Lyrics: Bitrate:193 Samplerate:44 Thumb:DefaultAlbumCover.png Time:02:05 Duration:03:07 Percentage:66 File size:4509417 Changed:False";

We can extract the properties into a dictionary or map using the following code snippet:

var dict = (" " + str).split(/ (\w+):/).reduce(function(acc, el, i, orig) {
    if (i % 2)
        acc[el] = orig[i + 1];
    return acc;
}, {});

The same result can be achieved without using a higher-order function:

var i, dict = {}, pair = (" " + str).split(/ (\w+):/);
for (i = 1; i < pair.length; i += 2)
    dict[pair[i]] = pair[i + 1];

Once the properties are stored in the dictionary, retrieving values is simple:

console.log(dict["Title"]);
console.log(dict["Artist"]);
console.log(dict["Time"]);
console.log(dict["Duration"]);

Values will be:

Better Life
3 Doors Down
02:05
03:07

Answer 3

Answer №2

My implementation using regular expressions:

var data = "Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 PlayStatus:Playing SongNo:6 Type:Audio Title:Better Life Track:7 Artist:3 Doors Down Album:The Better Life Genre:Alternative Year:2000 URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 Lyrics: Bitrate:193 Samplerate:44 Thumb:DefaultAlbumCover.png Time:02:05 Duration:03:07 Percentage:66 File size:4509417 Changed:False";

function getField(field, str) {
    var re = new RegExp("\\s" + field + ":(.+?)\\s\\S+?:");
    try {
        return(str.match(re)[1]);
    } catch(e) {}
    return("");
}

var songTitle = getField("Title", data);
var artist = getField("Artist", data);
var duration = getField("Duration", data);

You can test it out yourself here: http://jsfiddle.net/jfriend00/Y9g7x/.

Output:

Title: Better Life
Artist: 3 Doors Down
Duration: 03:07

I believe it may be achievable with a single regex, but that would require strict field ordering.

Answer 4

My implementation using regular expressions:

var data = "Filename:smb://SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 PlayStatus:Playing SongNo:6 Type:Audio Title:Better Life Track:7 Artist:3 Doors Down Album:The Better Life Genre:Alternative Year:2000 URL:smb://xbox:xbox@SERVER/Music/3 Doors Down/2000 The Better Life/07 Better Life.mp3 Lyrics: Bitrate:193 Samplerate:44 Thumb:DefaultAlbumCover.png Time:02:05 Duration:03:07 Percentage:66 File size:4509417 Changed:False";

function getField(field, str) {
    var re = new RegExp("\\s" + field + ":(.+?)\\s\\S+?:");
    try {
        return(str.match(re)[1]);
    } catch(e) {}
    return("");
}

var songTitle = getField("Title", data);
var artist = getField("Artist", data);
var duration = getField("Duration", data);

You can test it out yourself here: http://jsfiddle.net/jfriend00/Y9g7x/.

Output:

Title: Better Life
Artist: 3 Doors Down
Duration: 03:07

I believe it may be achievable with a single regex, but that would require strict field ordering.

Pairing up with JavaScript

Answer №1

Answer №2

Similar questions

Using an npm package: A step-by-step guide

Incorporating dynamic elements without sacrificing the original static page

Typescript's static classes are a powerful and convenient way to

The selection box for cities is not filling in with options

Displaying the quantity of results in Handlebars typeahead functionality

What causes the index to display [object Object] rather than an integer in React?

Conditional match for the last HTML tag

Tips for updating multiple database columns in a single query

Switching back and forth between celsius and fahrenheit using jQuery (my mistake in the code)

Getting the href values of dynamically changing links with Selenium in Python: A step-by-step guide

Using CasperJS, learn how to effectively utilize the jQuery find() function

Simulating SOAP requests using the Nock library

Angular directive for concealing the 'ancestor' of an element

Utilize React JS to serialize form data for submission via a POST request

Loading identical items using jQuery Ajax

Submitting form data including file uploads using AJAX

Django fetches and returns a solitary record in JSON format

Create a custom overlay for an image that is centered horizontally and does not have a fixed width

The Bootstrap navbar stubbornly refuses to hide after being clicked on

Organizing the dropdown menu in alphabetical order