• 1. JavaScript 数组、函数讲师:郑卿吾
  • 2. 无限互联学生毕业平均薪资12755元,比同行业机构平均高出12%。 98%的无限互联学生在毕业4周内成功就业! 信·机构新·模式薪·未来慧科教育集团旗下泛IT职业教育培训机构。 与找座儿形成国内第一家O2O混合式教学落地基地。 良心教学,可信赖大机构!同时采用最合理的 TS 教学模式和最合理教学时间安排. 全程手把手教学、边学边练,7*12小时答疑指导,保证学员即学即会。心·服务多年教学经验资深讲师倾心教学 配备专门的生活导师,提供入学接送、精选宿舍、生活指导、学习督促等一条龙服务。 提供专业就业指导服务,简历指导+模拟面试,保证快速就业。走进无限互联
  • 3. 本节知识点数组的定义 数组遍历 数组常用方法 函数概念 函数的声明和调用 函数的参数和返回值 全局对象
  • 4. 上节回顾
  • 5. 数组数组的定义 数组的字面量创建 数组的构造函数 访问数组元素 数组遍历 常用方法(连接、排序等)
  • 6. 数组数组——Array 数组是一种特殊类型的变量,可以存储多个值
  • 7. 数组数组的创建 方式一、字面量创建 方式二、构造函数创建//1.字面量创建 var colors; colors = ['white', 'black', 'orange']; //空数组,不包含任何元素 var emptyArray = []; //2.构造函数方式创建 var colors2 = new Array(); //通过创建对象得方式创建数组 //colors2是空数组 //构造的时候可以添加元素 var colors3 = new Array('green', 'red', 'brown'); //推荐使用字面量的方式创建数组
  • 8. 数组数组的元素 数组中的元素是依次存放排练的 可以通过下标的方式访问数组中的元素 下标从0开始,数组最后一个元素的下标是(数组长度-1) 注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)下标(index)01234array“white”“black”“red”“green”“yellow”
  • 9. 数组遍历数组的长度 array.length 属性,保存数组中元素的个数 数组遍历 根据下标依次访问数组中的每一个元素//数组的遍历 //依次访问数组中的每一个元素 var score = [123, 345, 567, 678, 129, "a", 123, 2131]; //score.length 数组的长度(包含元素的个数) for (var i = 0; i < score.length; i++) { alert(score[i]); //数组的遍历 }
  • 10. 数组的常用方法数组的拼接:concat(),连接两个或多个数组var north = ["北京", "天津", "山东"]; var south = ["广东", "福建", "湖南"]; //合并 数组1.concat(数组2) var county = north.concat(south);
  • 11. 数组的常用方法数组转成字符串:toString(),join()//数组转换为字符串 var score = [140, 133, 88, 125, 13, 110, 125]; //toString方法,直接转换为字符串,使用逗号分隔每个元素 var scoreStr1 = score.toString(); console.log(scoreStr1); //join方法,数组中的元素使用指定字符串连接起来,形成一个新字符串 var scoreStr2 = score.join("|"); console.log(scoreStr2);
  • 12. 数组的常用方法查找元素:indexOf(),lastIndexOf()//查找元素的下标 //查找到第一个符合值的元素的下标: indexOf() var index1 = score.indexOf(125); console.log(index1); //如果查找的元素不在数组中,则找到的值为 -1 var index2 = score.indexOf(15); console.log(index2); //倒序查找 var index3 = score.lastIndexOf(125); console.log(index3);
  • 13. 数组的常用方法反转数组:reverse() 排序数组:sort()var names = ["Tom", "Jerry", "Jack", "Rose", "Angel"]; console.log(names); //反转数组: reverse() var newNames = names.reverse(); console.log(newNames); //排序数组: sort() var orderedNames = names.sort(); console.log(orderedNames);
  • 14. 函数函数的概念 函数的作用 函数声明 函数调用 函数的参数 函数的返回值
  • 15. 函数函数是什么? 函数使你可以将一系列的代码语句组织为一个整体,执行某个特定任务。 可以理解为函数存储了执行固定操作的具体步骤,需要使用时再拿来调用。
  • 16. 函数声明函数声明 Function 关键字声明函数 给函数指定名称(函数名) 函数名后面的小括号表示函数接收的参数,没有参数则只写小括号 函数执行的任务,写在大括号内,函数体//函数定义 //function 函数名(参数列表) { } function sayHello() { //函数体,代码执行会先跳过这一行 console.log("Hello Function!"); }
  • 17. 函数调用函数调用 声明了函数之后,就可以用一行代码执行函数体(大括号)里的所有语句,这就是函数的调用//1.函数声明 //function 函数名(参数列表) { } function sayHello() { //代码执行会先跳过这一行 console.log("Hello Function!"); } //2.函数调用 //调用时才会输出Hello Function! sayHello();
  • 18. 函数调用函数调用的顺序 有时候会看到函数在声明之前就调用,这也没有问题。 因为解释器在执行某个具体的函数之前,会扫描所有的代码,所以解释器知道此函数的定义在当前代码的后面。//1.函数声明 //function 函数名(参数列表) { } function sayHello() { //代码执行会先跳过这一行 console.log("Hello Function!"); } //2.函数调用 //调用时才会输出Hello Function! sayHello();
  • 19. 带参数的函数带参数的函数 有些函数执行时,需要提供特定的信息。 这些函数声明时需要提供形参(形式参数)。在函数内部,形参的作用类似变量。//带参数的函数 function showArea(x, y) { //x, y 是形参 var area = x * y; console.log("面积: "+ area); } //调用 showArea(3, 4);
  • 20. 函数的返回值从函数中获取值 有些函数为调用它的代码返回信息,返回的结果称作返回值
  • 21. JavaScript 内置对象内置对象 String 对象 Number 对象 Date 对象 Math 对象
  • 22. 内置对象内置对象 浏览器附带了一系列的内置对象,代表页面上的各种内容。 只要在浏览器中载入网页,这些对象就可以用于脚本。 对象的概念在后面的课程中会详细介绍,这里只需要知道这些常用的方法。
  • 23. 全局对象:String对象String对象 字符串包含了一些常用的属性和方法 比如长度 length、转换为大小写 toUpperCase() toLowerCase()等//String 对象 var words = "Hey Jude!"; //字符串中的字符数 console.log(words.length); //转为大写,方法,调用方法添加小括号 var bigWords = words.toUpperCase(); console.log(bigWords); //转为小写 var smallWords = words.toLowerCase(); console.log(smallWords);
  • 24. 全局对象:数字对象Number对象 在处理动画和金融计算时,会用到数字对象的一些属性和方法 比如四舍五入等方法//Number对象 var num = 111.89; //按照指定的位数四舍五入 var precise = num.toPrecision(2); console.log(precise); //按照指定的小数位数四舍五入 var fix = num.toFixed(1); console.log(fix);
  • 25. 全局对象:数组对象数组 数组也是一种对象,在前面介绍过数组的常用方法
  • 26. 全局对象:Math对象Math 对象 Math 包含一些数学常量和函数,可以用于运算 例如 Math.PI 可以获取圆周率
  • 27. 全局对象:Date/Time对象Date对象 用于表示日期
  • 28. 未经允许不得将视频用于商业用途,否则将追究其法律责任! 官方网站: http://www.wuxianedu.com/ 老师邮箱: qwzheng@wuxianedu.com 无限智造 互联精英版权所有:无限互联