Js的基本结构及运用
1.89小时，用js程序写出多少天和多少个小时？
<script type="text/javascript">
var time=89;
var day=parseInt(time/24);
var hour=parseInt(time%24);
document.write(day+"天"+"<br />",hour+"时");
</script>
2.写出随机4位数验证码，并且一次打印10个
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.编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数
比如： 计算0-3之间能组成的奇数个是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. 编写任意个数字的求和、差、积、商的函数
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.某个公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，加密规则如下：每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换，请编写一个函数，传入原文，输出密文
方法一
/*
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;
}
//得出每个阶乘的值
sum+=jc;
//每个数阶乘累加
}
document.write(sum);*///输出总和
7.有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量
/*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);
递归法的运用(函数原理：自己调用自己，从后往前倒推。)
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.利用递归求斐波那契数列;1、1、2、3、5、8、13、21、34、55……F(0)=1/F(1)=1，F(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个斐波那契数
方式二：
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个斐波那契数
3.利用递归 f（n）求前n项和
function num(n){
if(n==1){
return 1;
}
if(n==2){
return 3;
}
return num(n-1)+n;
}
console.log(num(100)); //5050
4.利用递归求两个数的最大公约数(利用辗转相除法)
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.编写一个函数，输入n为偶数时，调用函数求1/2+1/4+...+1/n,当输入n为奇数时，调用函数求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));
对作用域的理解
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){
//有一个形参a，相当于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
数组的运用
//定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。
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对象和Date对象
1.倒计时的写法：
方式一：
var oDate1= new Date("2019.01.04 15:00:00"); //未来时间
function format1(num){
return num < 10? "0" + num : num;
}
var timer=setInterval(function(){
var oDate2 = new Date(); //当前时间
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="倒计时 ：" +hour+"："+minute+"："+second;
if(ss<=0){
clearInterval(timer);
box.innerHTML="倒计时结束！"
}
},1000)
方式二：
//倒计时
function format(num){
return num <10 ? "0" +num : num;
}
var time=2 *60 * 60; //自定时间
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="倒计时："+ hour + "时" + mins + "分" + secs + "秒";
time--;
}
else{
box.innerHTML = "计时结束";
clearInterval(a);
}
}
var a=setInterval(Daotime,1000);
2.数码时钟：
<body>
<div id="box" style="background: #f00;width:240px;">
<img src="img/0.png" id="img1" />
<img src="img/0.png" id="img2"/>
时
<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对应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.编写一个函数，获得一个十六进制的随机颜色的字符串(例如：#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.随机生成4位验证码
//方式一：
/* 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.密码强度
<body>
<input type="text" name="" id="txt" value="" />
<input type="button" name="" id="btn" value="提交" />
<script type="text/javascript">
//大写字母（65-90），小写字母（97-122） 数字（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("强");
}
/*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("密度长度至少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("强");
}
else if(flag1 || flag2 || flag3){
alert("中");
}
else{
alert("弱");
}
}
</script>
</body>
6.随机生成一个五位以内的数，然后输出该数共有多少位，每位分别是什么
<script type="text/javascript">
var arr=[];
function FiveNum(){
var num=parseInt(Math.random()*100000);
var arr1=String(num);//转换为string，用长度进行分割
for(var i=0;i<arr1.length;i++){
arr.push(arr1[i]);
}
console.log("生成的随机数为" + arr1);
console.log("共"+ arr1.length + "位" );
for(var i=0;i<arr.length;i++){
console.log("第"+ (i+1) +"位数为" + arr[i]);
}
}
FiveNum();
</script>
7.已知字符串“a,a,b,c,c,d”，统计每个字符出现的次数，结果显示 a 2、b 1、c 2、d1，去掉重复的字符，使结果显示 abcd.
<script type="text/javascript">
var arr1 = "a,a,b,c,c,d";
function foo(arr){
var arr = arr1.split(",");//split返回的是分割后的数组
var obj = {};//用来存放数组中的元素
for(var i = 0; i < arr.length; i++){
if(obj[arr[i]] == undefined){
obj[arr[i]] = 1; //用1这个值表示第一次出现
}else {
obj[arr[i]] = obj[arr[i]] + 1;//出现的次数
}
}
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.去重方法：编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组
<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结构中，扩展运算符
[...set] 将一个数组或者数组对象转换以逗号分隔的序列。
