名前の値に応じてメールの値を設定します。

Question

2つのフィールドを持つテーブルがあります.1つは「名前」、HTMLクラスは「名前」、もう1つはHTMLクラス「メール」の「メール」です。

<table> 
    <tr> 
     <td colspan="2">User Email</td> 
    </tr> 
    <tr> 
     <td class="name">Albert Einstein</td> 
     <td class="mail"></td> 
    </tr> 
</table> 

だから私はこのようなメールリストを持って言うことができます：

• 名：アルバート・アインシュタイン、メール： "albert@company.com"
• 名：アイザックニュートン、メール： "inewton@company.com"
• 名前：アリス・ニュートン、メール：「anewton@company.com」

私が欲しいものは、名前フィールドに応じて、メールフィールドの値を設定することです。

@Ganesan Sanから共有このJavaScriptコードは、ほとんどの仕事をするようだ：

var emails = ["albert@company.com", "inewton@company.com", "anewton@company.com"]; 
var name_elements = document.querySelectorAll("td.name"); 
var mail_element = document.querySelectorAll("td.mail"); 
for (i = 0; i < name_elements.length; i++) { 
    var current_element = name_elements[i]; 
    var name = current_element.textContent; 
    for (j = 0; j < emails.length; j++) { 
     if (emails[j].indexOf(name) != -1) { 
      mail_element[i].textContent = emails[j]; 
      break; 
     } 
    } 
} 

しかし、それは名前に大文字やスペースでは動作しませんので、どのように我々はそれを動作させるために、このコードを修正することができます大文字と姓と名の間にスペースがありますか？

1. 名：アイザック・ニュートン、メール：「inewton@company.com」
2. 名：アリスニュートンは、メール：「anewtonの@会社も同様のメールを持つ人に属する電子メールを検出するために、例を参照してください。 com」

@Alexander Higginsと@Tushar Vaghelaのおかげです。両方の答えは素晴らしい作品です。大文字に対処するための

Answer 1

、あなたは次にあなたがアップパーツにあなたの名前を破ると、電子メールの一致を見つけようとする必要が.toLowerCase()

を使用して小文字にあなたの文字列を変換することができます。

split(' ')を使用すると、区切り文字のスペースを使用して文字列を単語の配列に分割できます。

ここから姓と名を得ることができます。

ファーストネーム+ファーストネーム+ '@' +ドメインの形式で、ファーストネームの最初の文字を取り、最後の文字と組み合わせてアドレスを確認することができます。

これが失敗した場合、ファーストネーム+ '@' +ドメインを結合するだけでファーストネームで確認したい場合。

元のコードでは、各繰り返しですべての要素チェックを.indexOfにループする必要はありません。以下に示すように、ループ内で.indexOfを1回だけチェックすることができます。

<table> 
 
    <tr> 
 
     <td colspan="2">User Email</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="name">Albert Einstein</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="name">Isaac Newton</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
     <tr> 
 
     <td class="name">Alice Newton</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
</table> 
 

 
<script> 
 

 
var emails = ["albert@company.com", "inewton@company.com", "anewton@company.com"]; 
 
var name_elements = document.querySelectorAll("td.name"); 
 
var mail_element = document.querySelectorAll("td.mail"); 
 
for (i = 0; i < name_elements.length; i++) { 
 
    var current_element = name_elements[i]; 
 
    var name = current_element.textContent.toLowerCase(); 
 
    var nameParts= name.split(' '); 
 
    var fName= nameParts[0]; 
 
    var fInitial= name[0]; 
 
    var lastName= name.split(' ')[1]; 
 
    var possibleFormats = [ 
 
     fInitial + lastName + '@company.com', 
 
     fName + lastName + '@company.com', 
 
     fName + '.' + lastName + '@company.com', 
 
     fName + '@company.com', 
 
     ] 
 
    var idx=-1; 
 
    for(var k=0; idx<0 && k<possibleFormats.length; k++) 
 
    { 
 

 
     idx= emails.indexOf(possibleFormats[k]); 
 
     console.log(idx); 
 
    } 
 
    if (idx>-1) 
 
    { 
 
     mail_element[idx].textContent = emails[idx] 
 
    } else { 
 
     console.log('Failed: ' + emailToFind); 
 
    } 
 

 
} 
 

 
</script>

Answer 2

希望これは

var names = document.getElementsByClassName('name'); 
 
var mails = document.getElementsByClassName('mail'); 
 

 
for (var i = 0; i < names.length; i++) { 
 
    var namelist = (names[i].innerText).toLowerCase().split(" "); 
 
    var fname = namelist[0].substring(0, 1); 
 
    var lname = namelist[namelist.length - 1]; 
 
    mails[i].innerHTML = fname + lname + '@company.com'; 
 
}

table { 
 
    padding: 10px; 
 
}

<table border="1"> 
 
    <tr> 
 
    <td>User</td> 
 
    <td>Email</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Albert Einstein</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Isaac Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Alice Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Alice MiddleName Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
</table>