Switch vs if else

JavaScript performance comparison

Test case created

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
If else, non-cached regexps
i18n = function(key){
    var val = key,
        args = Array.prototype.slice.call(arguments).slice(1),
        argsLen = args.length,
        i,
        j,
        choicePatterns = null,
        choicePatternMatch,
        paramIndex,
        choiceParamIntValue,
        choiceMatches;
    // First replace all normal occurencies - including those within choice patterns
    for (i=0; i<argsLen; i++) {
        val = val.replace(new RegExp('{[' + i + ']+}', 'g'), args[i]);
    }
    // ... then handle any remaining choice patterns such as {0,choice,0#0 rooms|1#1 room|1<{0} rooms|4<{0} rooms|10<{0} rooms}
    choicePatterns = val.match(/{\s*[0-9]+\s*,\s*choice,\s*[^}]+}/g);
    if (choicePatterns !== null) {
        for (i=0; i<choicePatterns.length; i++) {
            choicePatternMatch = choicePatterns[i].match(/{\s*([0-9]+)\s*,\s*choice,\s*([^}]+)}/);
            if (choicePatternMatch !== null) {
                paramIndex = parseInt(choicePatternMatch[1], 10);
                choiceParamIntValue = parseInt(args[paramIndex], 10);
                choiceMatches = null;
                if (choiceParamIntValue === 0) {
                    // 0
                    choiceMatches = choicePatternMatch[2].match(/\s*[0]#([^|}]+)/);
                } else if (choiceParamIntValue === 1) {
                    // 1
                    choiceMatches = choicePatternMatch[2].match(/\s*[1]#([^|}]+)/);
                } else if (choiceParamIntValue > 1 && choiceParamIntValue < 5) {
                    // 2-4
                    choiceMatches = choicePatternMatch[2].match(/\|\s*1<([^|}]+)/);
                } else if (choiceParamIntValue > 4 && choiceParamIntValue < 11) {
                    // 5-10
                    choiceMatches = choicePatternMatch[2].match(/\|\s*4<([^|}]+)/);
                } else if (choiceParamIntValue > 10) {
                    // 11 or more
                    choiceMatches = choicePatternMatch[2].match(/\|\s*10<([^|}]+)/);
                }
                if (choiceMatches !== null) {
                    val = val.replace(choicePatterns[i], choiceMatches[1]);
                }
            }    
        }
    }
    return val;
};

i18n('{0} {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+} dolor {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+}', '3', '3');
pending…
Switch, non-cached regexps
i18n = function(key){
    var val = key,
        args = Array.prototype.slice.call(arguments).slice(1),
        argsLen = args.length,
        i,
        j,
        choicePatterns = null,
        choicePatternMatch,
        paramIndex,
        choiceParamIntValue,
        choiceMatches;
    // First replace all normal occurencies - including those within choice patterns
    for (i=0; i<argsLen; i++) {
        val = val.replace(new RegExp('{[' + i + ']+}', 'g'), args[i]);
    }
    // ... then handle any remaining choice patterns such as {0,choice,0#0 rooms|1#1 room|1<{0} rooms|4<{0} rooms|10<{0} rooms}
    choicePatterns = val.match(/{\s*[0-9]+\s*,\s*choice,\s*[^}]+}/g);
    if (choicePatterns !== null) {
        for (i=0; i<choicePatterns.length; i++) {
            choicePatternMatch = choicePatterns[i].match(/{\s*([0-9]+)\s*,\s*choice,\s*([^}]+)}/);
            if (choicePatternMatch !== null) {
                paramIndex = parseInt(choicePatternMatch[1], 10);
                choiceParamIntValue = parseInt(args[paramIndex], 10);
                choiceMatches = null;
                switch (choiceParamIntValue) {
                  case 0:
                    choiceMatches = choicePatternMatch[2].match(/\s*[0]#([^|}]+)/);
                    break;
                  case 1:
                    choiceMatches = choicePatternMatch[2].match(/\s*[1]#([^|}]+)/);
                    break;
                  case 2:
                  case 3:
                  case 4:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*1<([^|}]+)/);
                    break;
                  case 5:
                  case 6:
                  case 7:
                  case 8:
                  case 9:
                  case 10:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*4<([^|}]+)/);
                    break;
                  default:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*10<([^|}]+)/);
                    break;
                }
                if (choiceMatches !== null) {
                    val = val.replace(choicePatterns[i], choiceMatches[1]);
                }
            }    
        }
    }
    return val;
};

i18n('{0} {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+} dolor {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+}', '3', '3');
pending…
If-else, cached regexps
simpleReplace = [
  new RegExp('{[0]+}', 'g'),
  new RegExp('{[1]+}', 'g'),
  new RegExp('{[2]+}', 'g'),
  new RegExp('{[3]+}', 'g'),
  new RegExp('{[4]+}', 'g'),
  new RegExp('{[5]+}', 'g'),
  new RegExp('{[6]+}', 'g'),
  new RegExp('{[7]+}', 'g'),
  new RegExp('{[8]+}', 'g'),
  new RegExp('{[9]+}', 'g')
];

i18n = function(key){
    var val = key,
        args = Array.prototype.slice.call(arguments).slice(1),
        argsLen = args.length,
        i,
        j,
        choicePatterns = null,
        choicePatternMatch,
        paramIndex,
        choiceParamIntValue,
        choiceMatches;
    // First replace all normal occurencies - including those within choice patterns
    for (i=0; i<argsLen; i++) {
        val = val.replace(simpleReplace[i], args[i]);
    }
    // ... then handle any remaining choice patterns such as {0,choice,0#0 rooms|1#1 room|1<{0} rooms|4<{0} rooms|10<{0} rooms}
    choicePatterns = val.match(/{\s*[0-9]+\s*,\s*choice,\s*[^}]+}/g);
    if (choicePatterns !== null) {
        for (i=0; i<choicePatterns.length; i++) {
            choicePatternMatch = choicePatterns[i].match(/{\s*([0-9]+)\s*,\s*choice,\s*([^}]+)}/);
            if (choicePatternMatch !== null) {
                paramIndex = parseInt(choicePatternMatch[1], 10);
                choiceParamIntValue = parseInt(args[paramIndex], 10);
                choiceMatches = null;
                if (choiceParamIntValue === 0) {
                    // 0
                    choiceMatches = choicePatternMatch[2].match(/\s*[0]#([^|}]+)/);
                } else if (choiceParamIntValue === 1) {
                    // 1
                    choiceMatches = choicePatternMatch[2].match(/\s*[1]#([^|}]+)/);
                } else if (choiceParamIntValue > 1 && choiceParamIntValue < 5) {
                    // 2-4
                    choiceMatches = choicePatternMatch[2].match(/\|\s*1<([^|}]+)/);
                } else if (choiceParamIntValue > 4 && choiceParamIntValue < 11) {
                    // 5-10
                    choiceMatches = choicePatternMatch[2].match(/\|\s*4<([^|}]+)/);
                } else if (choiceParamIntValue > 10) {
                    // 11 or more
                    choiceMatches = choicePatternMatch[2].match(/\|\s*10<([^|}]+)/);
                }
                if (choiceMatches !== null) {
                    val = val.replace(choicePatterns[i], choiceMatches[1]);
                }
            }    
        }
    }
    return val;
};

i18n('{0} {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+} dolor {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+}', '3', '3');
pending…
Switch, cached regexps
simpleReplace = [
  new RegExp('{[0]+}', 'g'),
  new RegExp('{[1]+}', 'g'),
  new RegExp('{[2]+}', 'g'),
  new RegExp('{[3]+}', 'g'),
  new RegExp('{[4]+}', 'g'),
  new RegExp('{[5]+}', 'g'),
  new RegExp('{[6]+}', 'g'),
  new RegExp('{[7]+}', 'g'),
  new RegExp('{[8]+}', 'g'),
  new RegExp('{[9]+}', 'g')
];

i18n = function(key){
    var val = key,
        args = Array.prototype.slice.call(arguments).slice(1),
        argsLen = args.length,
        i,
        j,
        choicePatterns = null,
        choicePatternMatch,
        paramIndex,
        choiceParamIntValue,
        choiceMatches;
    // First replace all normal occurencies - including those within choice patterns
    for (i=0; i<argsLen; i++) {
        val = val.replace(simpleReplace[i], args[i]);
    }
    // ... then handle any remaining choice patterns such as {0,choice,0#0 rooms|1#1 room|1<{0} rooms|4<{0} rooms|10<{0} rooms}
    choicePatterns = val.match(/{\s*[0-9]+\s*,\s*choice,\s*[^}]+}/g);
    if (choicePatterns !== null) {
        for (i=0; i<choicePatterns.length; i++) {
            choicePatternMatch = choicePatterns[i].match(/{\s*([0-9]+)\s*,\s*choice,\s*([^}]+)}/);
            if (choicePatternMatch !== null) {
                paramIndex = parseInt(choicePatternMatch[1], 10);
                choiceParamIntValue = parseInt(args[paramIndex], 10);
                choiceMatches = null;
                switch (choiceParamIntValue) {
                  case 0:
                    choiceMatches = choicePatternMatch[2].match(/\s*[0]#([^|}]+)/);
                    break;
                  case 1:
                    choiceMatches = choicePatternMatch[2].match(/\s*[1]#([^|}]+)/);
                    break;
                  case 2:
                  case 3:
                  case 4:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*1<([^|}]+)/);
                    break;
                  case 5:
                  case 6:
                  case 7:
                  case 8:
                  case 9:
                  case 10:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*4<([^|}]+)/);
                    break;
                  default:
                    choiceMatches = choicePatternMatch[2].match(/\|\s*10<([^|}]+)/);
                    break;
                }
                if (choiceMatches !== null) {
                    val = val.replace(choicePatterns[i], choiceMatches[1]);
                }
            }    
        }
    }
    return val;
};

i18n('{0} {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+} dolor {1,choice,0#0 Lorem0|1#1 Lorem1|1<{1} Lorem2-4|4<{1} Lorem5-10|10<{1} Lorem11+}', '3', '3');
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments

Add a comment