动态创建用户名

Question

我想创建一个基于jQuery的人的名字的用户名。

我不知道如何开始，我正在考虑拆分名称，从每个部分获取第一个字母并与姓氏连接。但是如果名字有很多词汇，我不知道该怎么做。

例如我的名字

'First' -> username 'peter' 
'First Second' -> username 'fsecond' 
'First Second Third' -> username 'fsthird' 

代码（只做第一种情况，但如果有许多中间的名字？）

function createUsername(fullName) { 

    var piece; 
    var size; 

    piece = fullName.split(' '); 
    size = piece.length; 
    if(size == 1) 
    $("#userName").val(piece[0]); 
} 


<input type='text' onKeyUp = 'createUsername(this.value)'/> 
<input type='text' name='userName' id='userName' /> 

Answer 1

你可以像下面这样做

function createUsername(name) { 
    return name.split(" ").map(function(v, i, a) { 
     return i !== (a.length - 1) ? v[0] : v; 
    }).join().toLowerCase(); 
} 

Answer 2

你可以把你的分裂阵列的姓氏并重复它，如下所示：

function createUsername(fullName) { 

    var piece; 
    var size; 

    piece = fullName.split(' '); 
    size = piece.length; 
    var name = piece[size-1].toLowerCase(); 
    for (var i = size -2; i > 0; i--) { 
     name = piece[i][0].toLowerCase() + name; 
    } 
    $("#userName").val(name); 
} 

Answer 3

您在正确的轨道上，根据空间拆分字符串以获取用户'但是之后你需要循环才能得到姓氏前的所有姓名的第一个字母。

function createUsername(fullName) { 

    var piece, 
     username = []; 

    piece = fullName.split(' '); 

    if (piece.length > 1) { 
    for (var i = 0; i < piece.length; i++) { 
     if (i < piece.length - 1) { 
     username.push(piece[i].charAt(0)); 
     } else { 
     username.push(piece[i]); 
     } 
    } 
    } else { 
    username.push(piece[0]); 
    } 

    $("#userName").val(username.join("")); 
} 

Here's a CodePen example

Answer 4

编辑，更新;名称的添加处理，包括四个或更多个字

尝试（V2）

function createUserName(fullName) { 
    var s = fullName.toLowerCase().match(/[a-z]+/g) 
    , l = s.length, _s = "", y = -1; 
     do { _s += s[++y][0] } while (_s.length < l -1); 
      return l > 1 ? _s + s[l -1] : fullName; 
    }; 

http://jsfiddle.net/guest271314/yfyogoqd/的jsfiddle