Js的基本結(jié)構(gòu)及運(yùn)用
1.89小時(shí)富寿，用js程序?qū)懗龆嗌偬旌投嗌賯€(gè)小時(shí)雅镊？
<script type="text/javascript">
var time=89;
var day=parseInt(time/24);
var hour=parseInt(time%24);
document.write(day+"天"+"<br />",hour+"時(shí)");
</script>
2.寫(xiě)出隨機(jī)4位數(shù)驗(yàn)證碼蹲姐，并且一次打印10個(gè)
function foo(){
for(var i=1;i<=10;i++){
var a,b,c,d;
a=parseInt(Math.random()*10);
b=parseInt(Math.random()*10);
c=parseInt(Math.random()*10);
d=parseInt(Math.random()*10);
document.write(a,b,c,d+"?");
}
}
foo();
3.編寫(xiě)一個(gè)函數(shù)，計(jì)算任意兩個(gè)數(shù)字之間所能組成的奇數(shù)個(gè)數(shù)，數(shù)字必須是個(gè)位數(shù)
比如： 計(jì)算0-3之間能組成的奇數(shù)個(gè)是01、21磁餐、03、13阿弃、23诊霹、31
for(var i=0;i<=3;i++){
for(var j=0;j<=3;j++){
var a=(i+""+j);
if(a%2!==0&&i!==j){
document.write(a +"
");
}
}
}
4. 編寫(xiě)任意個(gè)數(shù)字的求和羞延、差、積畅哑、商的函數(shù)
unction exec(){
var he=arguments[0];
var cha=arguments[0];
var ji=arguments[0];
var shang=arguments[0];
for(var i=1;i<arguments.length;i++){
he+=arguments[i];
cha-=arguments[i];
ji*=arguments[i];
shang/=arguments[i];
}
document.write(he+"?"+cha+"?"+ji+"?"+shang);
}
console.log(exec(2,2,2));
5.某個(gè)公司采用公用電話傳遞數(shù)據(jù)肴楷，數(shù)據(jù)是四位的整數(shù)，在傳遞過(guò)程中是加密的荠呐，加密規(guī)則如下：每位數(shù)字都加上5,然后用除以10的余數(shù)代替該數(shù)字，再將第一位和第四位交換砂客，第二位和第三位交換泥张，請(qǐng)編寫(xiě)一個(gè)函數(shù)，傳入原文鞠值，輸出密文
方法一
/*
function foo(a,b,c,d){
var i=5,a1,a2,a3,a4;
a1=Number(a+i)%10;
a2=Number(b+i)%10;
a3=Number(c+i)%10;
a4=Number(d+i)%10;
var x;
x=a1;
a1=a4;
a4=x;
var y;
y=a2;
a2=a3;
a3=y;
alert("密文是:"+a1+a2+a3+a4);
}
foo(1,2,0,0);*/
方法二
function miwen(n){
a1=parseInt(n/1000+5)%10;
a2=parseInt(n/100%10+5)%10;
a3=parseInt(n/10%10+5)%10;
a4=parseInt(n%10+5)%10;
alert(a41000+a3100+a2*10+a1);
}
miwen(1200);
6.求1+2!+3!+...+20!的值
方法一
function jc(n){
if(n==1){
return 1;
}
return n*jc(n-1);
}
alert(jc(20))媚创；
方法二
var sum=0;
for(var a=1;a<=20;a++){
var jc=1;
for(i=1;i<=a;i++){
//jc=jc*i;
jc*=i;
}
//得出每個(gè)階乘的值
sum+=jc;
//每個(gè)數(shù)階乘累加
}
document.write(sum);*///輸出總和
7.有一個(gè)棋盤(pán)，有64個(gè)方格彤恶，在第一個(gè)方格里面放1粒芝麻重量是0.00001kg钞钙，第二個(gè)里面放2粒，第三個(gè)里面放4声离，棋盤(pán)上放的所有芝麻的重量
/*var weight=0.00001;
for(var i=1;i<=64;i++){
weight=weight*2;
}
document.write(weight);*/（不建議參考）
方法一
var sum=1;
var j=1;
for(var i=1;i<64;i++){
j*=2;
sum=sum+j;//sum+=j;
}
var s=0.00001*sum;
document.write(s);
方法二
var sum=0;
for(var i=1;i<64;i++){
sum+=Math.pow(2,i);
}
var s=0.00001*sum;
document.write(s);
遞歸法的運(yùn)用(函數(shù)原理：自己調(diào)用自己芒炼，從后往前倒推。)
1.使用遞歸法 求100Ｊ趸病（1本刽！=1；）
function jc(n){
if(n==1){
return 1;
}
return n*jc(n-1);
}
document.write(jc(100));// 例 5赠涮！=5jc(4)->54jc(3)->543jc(2)->54321
2.利用遞歸求斐波那契數(shù)列;1子寓、1、2笋除、3斜友、5、8垃它、13鲜屏、21、34嗤瞎、55……F(0)=1/F(1)=1墙歪，F(xiàn)(1)=1, F(n)=F(n-1)+F(n-2)（n>=2，n∈N*）
方式一：
function feiBo(n){
if(n==0){
return 1;
}
if(n==1){
return 1;
}
return feiBo(n-1)+feiBo(n-2);
}
console.log(feiBo(5));//第5個(gè)斐波那契數(shù)
方式二：
function f(n){
if(n==0){
return 0;
}
if(n==1){
return 1;
}
return f(n-1)+f(n-2);
}
document.write(f(5));//第5個(gè)斐波那契數(shù)
3.利用遞歸 f（n）求前n項(xiàng)和
function num(n){
if(n==1){
return 1;
}
if(n==2){
return 3;
}
return num(n-1)+n;
}
console.log(num(100)); //5050
4.利用遞歸求兩個(gè)數(shù)的最大公約數(shù)(利用輾轉(zhuǎn)相除法)
function maxgongyu(m,n){
var r=m%n;
/*m=n;
n=r;*/
if(r==0){
//return m;
return n;
}else{
//return maxgongyu(m,n);
return maxgongyu(n,r);
}
}
document.write(maxgongyu(319,377)); //29
5.編寫(xiě)一個(gè)函數(shù)贝奇，輸入n為偶數(shù)時(shí)虹菲，調(diào)用函數(shù)求1/2+1/4+...+1/n,當(dāng)輸入n為奇數(shù)時(shí)，調(diào)用函數(shù)求1+1/3+...+1/n (遞歸法)
function exec(n){
if(n==1){
return 1;
}
if(n==2){
return 1/2;
}
return 1/n+exec(n-2)
}
//alert(exec(5));
console.log(exec(5));
對(duì)作用域的理解
1>.
var a = 10;
function foo(){
console.log(a);
}
foo(); // a為10
2>.
var a = 10;
function foo(a){
alert(a);
}
foo(); // a為undefined
3>.
var a = 10;
function foo(){
console.log(a);
}
foo(a); //a為10
4>.
var a = 10;
function foo(a){
console.log(a);
}
foo(a); //a為10
5>.
var a = 10;
function foo(){
console.log(a);
var a = 20;
}
foo(a); //a為undefined
6>.
var a = 10;
function foo(a){
console.log(a);
var a = 20;
}
foo(a); //a 為10
7>.
var a = 10;
function foo(a){
var a = 20;
console.log(a);
}
foo(a);
console.log(a);// a為 20 10
8>.
var a = 10;
function foo(a){
//有一個(gè)形參a掉瞳，相當(dāng)于var a;
a = 20;//局部變量
console.log(a);
}
foo(a);
console.log(a);// a為 20 10
9>.
var a = 10;
function foo(){
a = 20;
console.log(a);
var a = 30;
}
foo(a);
console.log(a); // a為 20 10
數(shù)組的運(yùn)用
//定義一個(gè)含有30個(gè)整型元素的數(shù)組毕源，按順序分別賦予從2開(kāi)始的偶數(shù)浪漠；然后按順序每五個(gè)數(shù)求出一個(gè)平均值，放在另一個(gè)數(shù)組中并輸出霎褐。試編程址愿。
var arr=[];
arr.length=30;
var NewArr=[];
var ave=0;
for(i=1;i<arr.length;i++){
arr[i - 1] = 2*i;
var arr1= arr[i - 1]
if(i % 5 !== 0){
ave +=arr1;
}else{
NewArr.push(ave/5);
ave = 0;
}
}
console.log(arr);
console.log(NewArr);
Math對(duì)象和Date對(duì)象
1.倒計(jì)時(shí)的寫(xiě)法：
方式一：
var oDate1= new Date("2019.01.04 15:00:00"); //未來(lái)時(shí)間
function format1(num){
return num < 10? "0" + num : num;
}
var timer=setInterval(function(){
var oDate2 = new Date(); //當(dāng)前時(shí)間
var ss=(oDate1 - oDate2)/1000;
var hour=Math.floor(ss/3600);
var minute=Math.floor(ss/60%60);
var second=Math.floor(ss%60);
hour=format1(hour);
minute=format1(minute);
second=format1(second);
box.innerHTML="倒計(jì)時(shí) ：" +hour+"："+minute+"："+second;
if(ss<=0){
clearInterval(timer);
box.innerHTML="倒計(jì)時(shí)結(jié)束！"
}
},1000)
方式二：
//倒計(jì)時(shí)
function format(num){
return num <10 ? "0" +num : num;
}
var time=2 *60 * 60; //自定時(shí)間
function Daotime(){
if(time>=0){
hour=Math.floor(time/3600%24);
mins=Math.floor(time/60%60);
secs=Math.floor(time%60);
hour=format(hour);
mins=format(mins);
secs=format(secs);
document.getElementById("box").innerHTML="倒計(jì)時(shí)："+ hour + "時(shí)" + mins + "分" + secs + "秒";
time--;
}
else{
box.innerHTML = "計(jì)時(shí)結(jié)束";
clearInterval(a);
}
}
var a=setInterval(Daotime,1000);
2.數(shù)碼時(shí)鐘：
<body>
<div id="box" style="background: #f00;width:240px;">
<img src="img/0.png" id="img1" />
<img src="img/0.png" id="img2"/>
時(shí)
<img src="img/0.png" id="img3"/>
<img src="img/0.png" id="img4"/>
分
<img src="img/0.png" id="img5"/>
<img src="img/0.png" id="img6"/>
秒
</div>
<script type="text/javascript">
//方式一：
arr = document.getElementsByTagName('img');
function clock(){
var oDate = new Date();
var hour=oDate.getHours();
var mins=oDate.getMinutes();
var secs=oDate.getSeconds();
if(hour<10){hour="0"+hour}
if(mins<10){mins="0"+mins}
if(secs<10){secs="0"+secs}
var str ="" + hour + mins + secs;
for(var i = 0; i < arr.length; i++){
arr[i].src = "img/" + str.charAt(i) + ".png";// 第i張圖片的src對(duì)應(yīng)str的第i為
}
}
clock();
setInterval(clock, 1000);
//方式二：
function format0(num){
return num <10 ? "0" +num : num;
}
function clock(){
var oDate= new Date();
var hour = oDate.getHours();
var minute= oDate.getMinutes();
var second= oDate.getSeconds();
hour =format0(hour);
minute =format0(minute);
second =format0(second);
var str= "" +hour+minute+second;
img1.src="img/" +str[0]+".png";
img2.src="img/" +str[1]+".png";
img3.src="img/" +str[2]+".png";
img4.src="img/" +str[3]+".png";
img5.src="img/" +str[4]+".png";
img6.src="img/" +str[5]+".png";
}
clock();
setInterval(clock,1000);
</script>
</body>
3.編寫(xiě)一個(gè)函數(shù)冻璃，獲得一個(gè)十六進(jìn)制的隨機(jī)顏色的字符串(例如：#20CD4F)
方式一：
function getcolor(){
var arr="0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f";
var colorArray=arr.split(",");
var color="#";
for(i=0;i<6;i++){
arr1=colorArray[Math.floor(Math.random()*arr.length)];
color+=arr1;
}
return color;
}
console.log(getcolor());
方式二：
/*var str = "0123456789ABCDEF";
var color = "#";
for(var i = 0; i < 6; i++){
var randIndex = Math.floor(Math.random()*str.length);
color += str[randIndex];
}
//console.log(box.style);
box.style.backgroundColor = color;
console.log(box.style.backgroundColor);
//console.log("rgb("+Math.floor(Math.random()*256)+")"); */
//box.style.backgroundColor = "rgb("+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+")";
4.隨機(jī)生成4位驗(yàn)證碼
//方式一：
/* var arr=[1,2,3,4,5,6,7,8,9,0,"A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];
function yan(){
var arr1 = "";
for(var i = 0; i < 4; i++){
var a= parseInt(Math.random()*arr.length);
arr1+=arr[a];
}
console.log(arr1);
}
yan();*/
//方式二：
var str="";
while(str.length<4){
var charCode=Math.floor(Math.random()*43+48);
if(charCode>=48 && charCode<=57 || charCode>=65 && charCode<=90){
var char = String.fromCharCode(charCode);
str+=char;
}
}
document.write(str);
5.密碼強(qiáng)度
<body>
<input type="text" name="" id="txt" value="" />
<input type="button" name="" id="btn" value="提交" />
<script type="text/javascript">
//大寫(xiě)字母（65-90）响谓，小寫(xiě)字母（97-122） 數(shù)字（48-57）
//方式一：
/*function passwordQD(arr){
var flag1=0,
flag2=0,
flag3=0;
for(var i=0;i<arr.length;i++){
var a=arr.charCodeAt(i);
if(48<=a && a<=57){
flag1=1;
}
if(65<=a && a<=90){
flag2=1;
}
if(97<=a && a<=122){
flag3=1;
}
}
if(flag1 && flag2 && flag3){
alert("強(qiáng)");
}
/*else if(flag1 || flag2 || flag3){
alert("中");
}*/
/*else if(flag1&&flag2 || flag1&&flag3 ||flag2&&flag3){
alert("中");
}
else{
alert("弱");
}
}
var arr1="abc12AS3";
passwordQD(arr1);*/
////方式二：
btn.onclick=function(){
var val=txt.value;
if(val.length < 6){
alert("密度長(zhǎng)度至少6位");
return;
}
var flag1=0,
flag2=0,
flag3=0;
for(var i=0;i<val.length;i++){
var code=val.charCodeAt(i);
if(48<=code && code<=57){
flag1=1;
}
if(65<=code && code<=90){
flag2=1;
}
if(97<=code && code<=122){
flag3=1;
}
}
if(flag1 && flag2 && flag3){
alert("強(qiáng)");
}
else if(flag1 || flag2 || flag3){
alert("中");
}
else{
alert("弱");
}
}
</script>
</body>
6.隨機(jī)生成一個(gè)五位以?xún)?nèi)的數(shù)，然后輸出該數(shù)共有多少位省艳，每位分別是什么
<script type="text/javascript">
var arr=[];
function FiveNum(){
var num=parseInt(Math.random()*100000);
var arr1=String(num);//轉(zhuǎn)換為string娘纷，用長(zhǎng)度進(jìn)行分割
for(var i=0;i<arr1.length;i++){
arr.push(arr1[i]);
}
console.log("生成的隨機(jī)數(shù)為" + arr1);
console.log("共"+ arr1.length + "位" );
for(var i=0;i<arr.length;i++){
console.log("第"+ (i+1) +"位數(shù)為" + arr[i]);
}
}
FiveNum();
</script>
7.已知字符串“a,a,b,c,c,d”，統(tǒng)計(jì)每個(gè)字符出現(xiàn)的次數(shù)跋炕，結(jié)果顯示 a 2赖晶、b 1、c 2辐烂、d1遏插，去掉重復(fù)的字符，使結(jié)果顯示 abcd.
<script type="text/javascript">
var arr1 = "a,a,b,c,c,d";
function foo(arr){
var arr = arr1.split(",");//split返回的是分割后的數(shù)組
var obj = {};//用來(lái)存放數(shù)組中的元素
for(var i = 0; i < arr.length; i++){
if(obj[arr[i]] == undefined){
obj[arr[i]] = 1; //用1這個(gè)值表示第一次出現(xiàn)
}else {
obj[arr[i]] = obj[arr[i]] + 1;//出現(xiàn)的次數(shù)
}
}
var s = "";
for (var i in obj) {
s += i;
document.write(i + obj[i] + " ");
}
document.write(s);
}
foo(arr1);
/* var str = "a,a,b,c,c,d";
var arr = str.split(",");
var obj = {};
var newArr = [];
for(var i = 0; i < arr.length; i++){
if(obj[arr[i]]==undefined){
obj[arr[i]] = 1;
newArr.push(arr[i]);
}else{
obj[arr[i]]++;
}
}
//console.log(newArr,obj);
var str1 = "";
for(var i in obj){
str1 += i;
document.write(i+obj[i]);
}
document.write(str1);
*/
</script>
8.去重方法：編寫(xiě)函數(shù)norepeat(arr) 將數(shù)組的重復(fù)元素去掉纠修，并返回新的數(shù)組
<script type="text/javascript">
① /* var arr=[2,3,3,3,4,5,6,6,10,11,12,50,50,50,30];
var newArr=[];
for(var i=0;i<arr.length;i++){
if(newArr.indexOf(arr[i])==-1){
newArr.push(arr[i]);
}
}
console.log(newArr);*/
② /*var arr=[2,3,3,4,5,3,6,6,10,11,50,50,12,50,30];
function norepeat(arr){
for(var i = 1; i < arr.length; i++){
for(var j = i + 1; j < arr.length; j++){
if(arr[i] == arr[j]){
arr.splice(j, 1);
j--;
}
}
}
return arr;
}
norepeat(arr);
console.log(arr);*/
③ /*function has(arr,x){
for (var i = 0; i < arr.length; i++) {
if (arr[i]==x) {
return true;
}
}
return false;
}
function norepeat(arr){
var brr=[];
for(i=1;i<arr.length;i++){
if(!has(brr,arr[i] ) ){
brr.push(arr[i]);
}
}
return brr;
}
console.log(norepeat([2,3,3,4,5,3,6,6,10,11,50,50,12,50,30]));*/
④ var arr = [1,1,1,2,2,1,1];
function noRepeat(arr){
var newArr = [];
arr.forEach(function(item){
if(newArr.indexOf(item)==-1){
newArr.push(item);
}
})
return newArr;
}
console.log(noRepeat(arr));
</script>
⑤利用ES6中set結(jié)構(gòu)中胳嘲，擴(kuò)展運(yùn)算符
[...set] 將一個(gè)數(shù)組或者數(shù)組對(duì)象轉(zhuǎn)換以逗號(hào)分隔的序列。
