前世今生:
输入你的姓名,随机返回给你一个前世姓名。
效果预览:
然后点击确定,弹出:
代码实现:
<script>
//你的名字
var yourName = prompt('请输入你的名字:');
console.log('你的名字:'+yourName);
console.log(typeof yourName);
//你的姓
yourLastName = yourName.substr(0,1);//截取
console.log('你的姓:'+yourLastName);
//用数组模拟数据库 可以添加其他元素
var date_base = [
{
lastName:'刘',
firstName:['备','伯温','邦','禹锡']
},
{
lastName:'李',
firstName:['清照','白','斯','耳']
},
]
//根据姓在数据库中查找 返回姓所在的对象
var res1 = date_base.filter(function(item,index,arr){
if(yourLastName==item.lastName){
return item;
}
});
// console.log(res1);
// console.log(res1[0]);
//姓所在对象的firstName【是一个数组】
var arr = [];
arr = res1[0].firstName;
console.log('前世名人名字所在数组:');
console.log(arr);
//随机 得到你的前世的名字【是一个元素】 的下标
var result = Math.floor(Math.random()*arr.length);
console.log(result);
//返回弹框
alert('你的前世是:'+yourLastName+arr[result]);
console.log('你的前世是:'+yourLastName+arr[result]);
</script>