IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript案例1 -> 正文阅读

[JavaScript知识库]JavaScript案例1

JavaScript案例1

案例一:创建一个电脑对象,该对象有颜色、重量、品牌、型号,可以看电影、听音乐、打游戏和敲代码

function Computer(color,weight,brand,tyep){
    this.color=color;
    this.weight=weight;
    this.brand=brand;
    this.tyep=tyep;
    this.watch=function(film){
        console.log(film);
    };
    this.sing=function(song){
        console.log(song);
    };
    this.game=function(games){
        console.log(games);
    };
    this.knocknode=function(node){
        console.log(node);
    }
}
var huawei=new Computer('黑色','1kg','华为','Window');
console.log(huawei);
huawei.watch('罗密欧与朱丽叶');
huawei.sing('消愁');

案例二:写一个函数,实现翻转任意函数

function reverse(str){
    var arr=[];
    for(var i=str.length-1;i>=0;i--){
        arr[arr.length]=str[i];
    }
    return arr;
}
var res=reverse([2,4,5,7,1,9,6,0]);
console.log(res);   // [0, 6, 9, 1, 7, 5, 4, 2]

案例三:写一个函数,实现对数字组的排序

function sort(str){
    for(var i=0;i<str.length-1;i++){
        for(var j=0;j<str.length-i-1;j++){
            if(str[j]>str[j+1]){
                var temp=str[j];
                str[j]=str[j+1];
                str[j+1]=temp;
            }
        }
    }
    return str;
}
var res=sort([2,5,1,7,9,0,8]);
console.log(res);   //  [0, 1, 2, 5, 7, 8, 9]

案例四:做一个简易计算器

var num=prompt('欢迎使用简易计算器:\n 1. 加法计算:\n 2. 减法计算:\n 3. 乘法计算: \n 4. 除法计算:\n 5. 退出:\n 请输入你的选项');
function calculate(arg){
    var num1=prompt('请输入第一个数:');
    var num2=prompt('请输入第二个数:');
    num1=parseInt(num1);
    num2=parseInt(num2);
    switch(arg){
        case '1':
            alert(num1+num2);
            break;
        case '2':
            alert(num1-num2);
            break;
        case '3':
            alert(num1*num2);
            break;
        case '4':
            alert(num1/num2);
            break;
        case '5':
            break;
        default:
            alert('操作失败!');
            break;
    }
}
var ji=calculate(num);
do{
    var num=prompt('欢迎使用简易计算器:\n 1. 加法计算:\n 2. 减法计算:\n 3. 乘法计算: \n 4. 除法计算:\n 5. 退出:\n 请输入你的选项');
    var num1=prompt('请输入第一个数:');
    var num2=prompt('请输入第二个数:');
    num1=parseInt(num1);
    num2=parseInt(num2);
    switch(num){
        case '1':
            alert(num1+num2);
            break;
        case '2':
            alert(num1-num2);
            break;
        case '3':
            alert(num1*num2);
            break;
        case '4':
            alert(num1/num2);
            break;
        case '5':
            break;
        default:
            alert('操作失败!');
            break;
    }
}while(num!=='5')
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-30 15:31:56  更:2021-11-30 15:33:03 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/20 22:53:18-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码