Sorting JS Array : I have the following Js array: 

    myArr = [[["One"],["First","Fourth","Third"]], 
             [["Two"],["First","Second","Third"]], 
             [["Three"],["First","Third"]], 
             [["One two"],["Fourth","Second","Third"]], 
             [["One three"],["Fourth","Third"]], 
             [["One two three"],["Second","Third"]]]; 

I need this sorted so I get: 

    [[["One"],["First","Fourth","Third"]], 
     [["One three"],["Fourth","Third"]], 
     [["One two"],["Fourth","Second","Third"]], 
     [["One two three"],["Second","Third"]], 
     [["Three"],["First","Third"]], 
     [["Two"],["First","Second","Third"]]]

I assumed I could just use `myArr.sort()` and get the properly sorted array and it does work when I don't have a nested array buy why isn't this sorting properly. When i use `myArr.sort()` I get: 

    
    [[["One three"],["Fourth","Third"]], 
     [["One two three"],["Second","Third"]], 
     [["One two"],["Fourth","Second","Third"]], 
     [["One"],["First","Fourth","Third"]], 
     [["Three"],["First","Third"]], 
     [["Two"],["First","Second","Third"]]]

This makes zero sense to me. How does JS sort get to that result? And how do I get the result I need. 