JS 第一阶段综合案例(DVD系统)

JavaScript022

JS 第一阶段综合案例(DVD系统),第1张

迷你DVD管理系统

完成:1.查看DVD 2.租售DVD 3.归还DVD 4.添加DVD 5.删除DVD 0.退出系统

function DVD(name, type, state = 0, count = 0) {

            this.name = name

            this.type = type

            this.state = state //借出状态 0表示未借出,1表示借出

            this.count = count //借出次数

        }

        // 定义一个数组,存放商店的DVD

        let dvdManager = {

            // 初始化电影信息

            dvds: [

                new DVD('金刚', '爱情片', 0, 5),

                new DVD('奥特曼', '惊悚片', 1, 6),

                new DVD('昆池岩', '文艺片', 0, 12),

                new DVD('肖申克', '励志片', 1, 7),

                new DVD('三体', '励志片', 0, 9),

                new DVD('狂怒', '科幻片', 1, 11),

            ],

            // 定义2 用户搜索DVD的名称方法

            getDVDByName: function(name) {

                return this.dvds.find(function(d) {

                    return d.name === name

                })

            },

            // 1.定义查看DVD

            show: function() {

                console.log('**********查看DVD**********')

                console.log('序号\t名称\t类型\t状态\t人气')

                this.dvds.forEach(function(d, index) {

                    console.log(`${index + 1}\t\t${d.name}\t${d.type}\t${d.state === 0 ? '未借出' : '已借出'}\t${d.count}`)

                })

            },

            // 2.定义租售DVD

            lend: function() {

                console.log('****************租售DVD***************')

                let name = prompt('请输入DVD的名称:')

                // 根据用户输入的名称返回DVD对象

                let dvd = this.getDVDByName(name)

                if (dvd === undefined) {

                    alert('对不起,没有您要找的DVD')

                } else {

                    // 表示DVD是存在的 再判断借出状态

                    if (dvd.state === 0) {

                        alert('成功借出!')

                            // 将该DVD的状态改为1

                        dvd.state = 1

                        //将人气加1

                        dvd.count++

                    } else {

                        alert('对不起,该DVD已经借出')

                    }

                }

            },

            // 3.归还DVD方法

            even: function() {

                console.log('****************归还DVD***************')

                let name = prompt('请输入DVD的名称:')

                let dvd = this.getDVDByName(name)

                if (dvd === undefined) {

                    alert('对不起,没有您要找的DVD')

                } else {

                    if (dvd.state === 1) {

                        alert('归还成功')

                            // 状态改为未借出  人气不动

                        dvd.state = 0

                    } else {

                        alert('对不起,该DVD从未借出!无需归还')

                    }

                }

            },

            // 4.定义添加DVD方法

            add: function() {

                console.log('****************添加DVD***************')

                let name = prompt('请输入DVD的名称:')

                // 继续调用该方法判断是否存在DVD

                let dvd = this.getDVDByName(name)

                if (dvd === undefined) {

                    let type = prompt('请输入DVD的类型:')

                        // 创建一个新的DVD对象

                    let newdvd = new DVD(name, type)

                        //将该DVD对象添加到数组中

                    this.dvds.push(newdvd)

                    alert('添加成功!')

                } else {

                    alert('对不起,该DVD已经存在')

                }

            },

            // 5.定义删除DVD方法

            del: function() {

                console.log('****************删除DVD***************')

                let name = prompt('请输入DVD的名称:')

                // 继续调用该方法判断是否存在DVD

                let dvd = this.getDVDByName(name)

                if (dvd === undefined) {

                    alert('对不起,您要删除的DVD不存在')

                } else {

                    //表示借出无法删除

                    if (dvd.state === 1) {

                        alert('该DVD借出去了,不能删除')

                    } else {

                        // 再根据DVD名称获取下标

                        let index = this.dvds.findIndex(d =>d.name === name)

                            // 再根据下标删除对应的DVD对象

                        this.dvds.splice(index, 1)

                        alert('删除成功!')

                    }

                }

            },

            // 定义主菜单

            menu: function() {

                let no = prompt('**********迷你DVD管理系统*********\n1.查看DVD 2.租售DVD 3.归还DVD 4.添加DVD 5.删除DVD 0.退出系统')

                switch (no) {

                    case '1':

                        this.show()//调用查看DVD的方法

                        break

                    case '2':

                        this.lend()//调用租售DVD的方法

                        break

                    case '3':

                        this.even()

                        break

                    case '4':

                        this.add()

                        break

                    case '5':

                        this.del()

                        break

                    default:

                        alert('退出成功,欢迎使用!')

                        return

                }

                //    递归调用菜单方法 重新指定this指向

                arguments.callee.call(this)

            }

        }

        dvdManager.menu()

要求:

搭建一个管理学生信息系统,具备查询、添加、修改、删除功能等。

核心思路:先定义菜单框架,再挨着定义每种方法,最后在菜单里面调用每种方法

注意:

1.用户输入要用parseInt强转 ,如果不用parseInt,下面switch循环的参数必须加单引号

2.不确定用户要循环多少次,最好使用switch循环,结构比较清晰

3.case 0退出系统下面必须使用return而不是break,return结束整个循环

4.switch循环完一次后还得弹出本界面方便用户继续操作,所以得使用递归方法再次调用自身,直至用户输入0退出系统结束循环,所以switch循环下面要加this.menu()再次调用自身

注意:此处拼接对象时不用考虑数组里面三个对象如何转换,this调出学生对象,再使用forEach遍历拼接即可。

switch (num) {

                    case 1:

                        this.show() 

                        break

                    case 2:

                        this.add()

                        break

                    case 3:

                        this.update()

                        break

                    case 4:

                        this.del()

                        break

                    case 0:

                        alert('成功退出系统!')

                        return 

                }

JS好,不过YY也不差,JS主要是快攻,可以打断XS和YY的气,不过遇到HJ就麻烦了。YY主要就是群厉害和高攻,对付HJ是一流的,应为HJ虽高物防,不过术防就不行了。各人觉得JS好,应为JS帅,很多女孩子都喜欢JS,你也可以选YY,这就随你咯,希望楼主玩的开心!