`

JavaScript——练习1

JavaScriptJ#HTML 
阅读更多

1. 使用数组表示一组学员的信息
    学员有如下属性:
        学号 : number 唯一
        姓名  : string
        年龄  : number
        婚否  : boolean
        email : (多个字符串)
        地址: (包含城市信息和街道信息)
2. 写一个函数, 遍历上述数组,
    根据传入的学号参数找到对应的学员信息
提示,可以参考下述函数声明:
    function find(array, number) {
        //....
        return 学员对象
    }
3.写一个函数,删除某个学号的学员信息
4.写一个函数,添加一个新的学员信息

<html>
    <head>
        <title>Untitled Document</title>
        <script language="JavaScript">
            function bianli(i){//根据学号 打印出属性
                for (j = 0; j < studs.length; j++) {
                    if (i == studs[j].id) {
                        for (var attr in studs[j]) {
                            if (typeof studs[j][attr] == "object") {
                                for (var a in studs[j][attr]) {
                                    alert("属性名 ：" + attr + "  属性值 :" + studs[j][attr][a]);
                                }
                            }
                            else {
                                alert("属性名 ：" + attr + "  属性值 :" + studs[j][attr]);
                            }
                        }
                    }
                }
            }
           
            function find(array, number){
                //遍历数组
                for (i = 0; i < array.length; i++) {
                    if (number == array[i].id) {
                        //alert(typeof array[i]);
                        return array[i];
                    }
                    else {
                        return null;
                    }
                }
             
            }
           
            function remove(array, number){//3.写一个函数,删除某个学号的学员信息
                for (i = 0; i < array.length; i++) {
                    if (number == array[i].id) {
                        array.splice(i, 1);
                    }
                }
            }
           
            function addNew(array){//4.写一个函数,添加一个新的学员信息
                //push():数组末尾添加一个项               
                //name: addr:city:street
                //找到学号
                var newID = array[array.length - 1].id + 100;
                var newStud = {
                    id: newID,
                    name: arguments[1],
                    age: arguments[2],
                    addr: {
                        city: arguments[3],
                        street: arguments[4]
                    }
                };
                array.push(newStud);
            }
           
            function display(array){
                for (i = 0; i < array.length; i++) {
                    for (var attr in array[i]) {
                        if (typeof array[i][attr] == "object") {
                            for (var a in array[i][attr]) {
                                //alert(array[attr]+"====="+array.attr.a);
                                alert(attr + "   " + array[i][attr][a]);
                            }
                        }
                        else {
                            alert(attr + "   " + array[i][attr]);
                        }
                    }
                }
               
            }
           
            var studs = [];
            studs[0] = {
                id: 100,
                name: "cici",
                addr: {
                    city: "BJ",
                    street: "TANM"
                }
            };
            studs[1] = {
                id: 200,
                name: "titi",
                addr: {
                    city: "BJ",
                    street: "HEPingXiQiao"
                }
            };
            studs[2] = {
                id: 300,
                name: "shirley",
                addr: {
                    city: "BJ",
                    street: "TianTan"
                }
            };
            //            bianli(200);
            //            var student=find(studs,100);
            //remove(studs,100);
            addNew(studs, "lili", 33, "BJ", "xxx");
            display(studs);
        </script>
    </head>
    <body>
    </body>
</html>
 

 

分享到：
| JavaScript数组函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页模板——javascript 在线打字练习.zip

    【标题】"网页模板——javascript 在线打字练习"揭示了这个压缩包文件的主要内容，它是一个基于JavaScript技术实现的在线打字练习平台的网页模板。JavaScript，作为全球最广泛使用的编程语言之一，通常用于增强网页...

    JavaScript——DOM

    JavaScript——DOM DOM，全称为“Document Object Model”，即文档对象模型，是W3C组织定义的一种标准，用于表示HTML或XML文档的结构，并提供了一种程序化访问和操作文档内容的方法。DOM允许开发者通过JavaScript或...

    JavaScript网页开发——体验式学习教程

    学习者将通过一系列实例和练习，深化对JavaScript的理解，提高实际开发能力。在阅读《JavaScript网页开发——体验式学习教程.pdf》的过程中，学习者应不断尝试自己动手编写代码，这样才能真正体验到JavaScript的魅力...

    学习资源——JavaScript

    在标题“学习资源——JavaScript”与描述“点点滴滴，记录JavaScript的开头引用的应用”中，我们可以理解到这份文档旨在分享JavaScript的一些基本应用实例，特别是关于如何引入（import）或链接(link)外部资源。...

    适合新手学习的JavaScript实例(精)

    1. **基础概念**：JavaScript是一种解释型的、面向对象的、弱类型的脚本语言。它的主要用途是在浏览器环境中运行，为网页添加动态功能。在JavaScript中，变量不需要预声明，数据类型可以在运行时动态转换，这是其弱...

    狂神Java学习笔记————前端入门——html、css、JavaScript学习代码

    文件列表中的"CSS1"和"CSS2"可能包含了一些CSS的实例或练习，"html"文件夹可能包含了HTML页面示例，".idea"文件夹是IDE的配置信息，可能包含了作者的开发环境设置，而"JavaScript"可能包含了一些JavaScript代码片段...

    JavaScript练习反应速度

    本文将详细分析一个具体的JavaScript练习案例——“JavaScript练习反应速度”。该练习不仅有助于开发者更好地理解和掌握JavaScript的核心概念与技术，同时也能够作为一个有趣的休闲活动，帮助用户测试和提高自己的...

    javascript 第一章作业

    javascript作业代码答案，完整版，讲解高手

    javascript练习

    javascript练习——购买图书（列表操作） 1.在最后一行添加图书 2.删除最后一行图书 3.删除选中行图书 4.更改标题行样式

    javascript 学习资料——适合WEB初学者

    在阅读这份JavaScript学习资料时，建议结合实际项目进行练习，理论与实践相结合，以便更好地理解和掌握这门语言。同时，不断关注JavaScript的最新发展，如ES新规范的推出，保持技术的更新迭代。祝你在JavaScript的...

    网页模板——JavaScript模仿微信打飞机游戏.zip

    这个项目可能是为了教学目的，帮助初学者理解JavaScript在游戏开发中的应用，或者是作为一个实战练习，提升开发者的游戏编程技能。 【描述】"网页模板——JavaScript模仿微信打飞机游戏"描述的是一个使用JavaScript...

    JavaScript基础练习_day8

    ### JavaScript基础练习_day8知识点解析 #### 一、Do-While与While循环的理解与区别 在给定的示例中，我们遇到了两种不同的循环结构——`do...while`和`while`循环。这两种循环结构虽然都可以用来重复执行一段代码...

    大二Web课程设计期末考试——基于HTML+CSS+JavaScript+jQuery电商类化妆品购物商城

    - 对于初学者来说，这个项目提供了一个很好的平台来练习和巩固HTML、CSS和JavaScript的基础知识。 2. **实际操作经验**： - 通过实际构建一个完整的网页，学生能够获得宝贵的实践经验，这对于提高其编程能力和...

    HTML网页练习——努比亚官网.rar

    通过这个练习，你可以一步步建立起自己的网页开发技能，为未来深入学习JavaScript和其他前端技术打下坚实基础。所以，无论是对HTML5感兴趣，还是希望提升网页设计能力，都值得下载这个压缩包进行学习和实践。

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四：HTML DOM-文档元素的操作（二）

    这篇教程——"JavaScript学习手册十四：HTML DOM-文档元素的操作（二）"深入探讨了如何使用JavaScript来操纵HTML文档中的元素，进一步提升网页动态性和交互性。 DOM是HTML和XML文档的一种结构化表示，它将网页内容...

    vue第五天笔记02——vuex数据仓库练习

    在“vue第五天笔记02——vuex数据仓库练习”中，我们将深入理解Vuex的工作原理和实践应用。 首先，Vuex的核心概念包括状态(state)、派生状态(getters)、 mutations(状态变更函数)、 actions(异步操作) 和模块...

    响应式初级练习——现代浏览器

    这个名为“响应式初级练习——现代浏览器”的项目，显然是一个使用Bootstrap框架进行的实战训练。Bootstrap是Twitter推出的一个开源工具，它提供了丰富的预定义样式、组件和JavaScript插件，帮助开发者快速构建响应...

    网页设计与开发——html css javascript ppt幻灯片

    它们通常包含详细的讲解、示例代码和练习，帮助学习者逐步理解并掌握HTML、CSS和JavaScript的用法。通过PPT，讲师可以清晰地展示每个技术的语法结构，以及如何将它们组合在一起创建功能丰富的网页。 在实际工作中，...

    练习练习练习练习练习.zip

    1. "02 第一次作业 三角形 平行四边形 菱形.html" - 这可能是一个HTML文件，用于展示如何使用JavaScript来绘制几何图形，如三角形、平行四边形和菱形。这对于理解JavaScript与DOM操作以及动态生成图形的基础知识非常...

    head first javascript 中文版.pdf

    "Head First JavaScript"这本书会详细讲解这些概念，并通过丰富的实例和练习帮助你巩固知识。书中可能还会涵盖AJAX（异步JavaScript和XML）用于向服务器请求数据，以及现代Web开发中的模块系统（如CommonJS和ES模块...

Magicbox
Global site tag (gtag.js) - Google Analytics