博主信息
小辰
博文
26
粉丝
0
评论
2
访问量
4348
积分:0
P豆:52

数组与函数的调用(0226)

2020年03月05日 16:07:29阅读数:155博客 / 小辰/ js学习

1.数组的访问与遍历

数组对象的作用是:

使用单独的变量名来存储一系列的值。

数组的访问

使用数组索引可以直接访问
例如:arr[i]
其中i可以是数字表示数组的顺序,也可以是一个数组中值得键名表示

数组的遍历

for循环来遍历
for in :遍历对象
ES5: forEach()
ES6中的箭头函数

类数组:

借助的对象字面量的语法来创建的类数组,和数组大致相同。
1.成员的键名必须是0递增的正整数
2.对象必须要有一length属性
下面是实验的过程

控制台的效果图

代码部分
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>数组遍历</title>
  5. <meta charset="utf-8">
  6. </head>
  7. <body>
  8. <!-- 1 将课程中的所有案例全部在按制台运行一遍
  9. 2 对于数组的声明,访问,遍历常用的方法全部全部熟练掌握
  10. 3 对于函数的声明,调用,参数,以及常用属性,arguments对象必须掌握
  11. 4 将数组的遍历与函数的调用与参数处理提交到博客中 -->
  12. <script type="text/javascript">
  13. var apho = ['apple','apple1','apple2','apple3'];
  14. apho.name = 'daapp';
  15. apho['user name'] = 'app';
  16. //for循环遍历
  17. for (var i = 1; i <= 1; i++) {
  18. console.log(apho[i]);
  19. }
  20. //for in: 遍历对象
  21. for (var i in apho) {
  22. console.log(apho[i]);
  23. }
  24. // foreach遍历数组
  25. apho.forEach(function(item, key, apho){
  26. // console.log(item);
  27. console.log(apho[key]);
  28. });
  29. //foreach箭头函数,遍历数组
  30. apho.forEach(item=>console.log(item));
  31. //类数组
  32. var objArr = {
  33. 0: 'hello',
  34. 1: 'wrold',
  35. 2: {1:33.5, 2:44.5},
  36. 3: 'defind',
  37. length: 4
  38. };
  39. // objArr.forEach(function (item){
  40. // console.log(item);
  41. // })
  42. for (var i = 0; i < 3; i++) {
  43. var p = document.createElement('p');
  44. p.innerHTML='hello wrold';
  45. document.body.appendChild(p);
  46. console.log(p);
  47. }
  48. var eles = document.getElementsByTagName('p');
  49. console.log(eles);
  50. for (var i = 0; i < eles.length; i++) {
  51. console.log(eles[i].innerHTML);
  52. }
  53. </script>
  54. </body>
  55. </html>

2.函数的声明,调用

函数的声明

function show1(value) { console.log(value); }

函数的调用

show1('what you name ');
构造函数:构建JS语句大厦的基础
构造函数是用来创建对象的
构造函数可以由任何函数构成,但并不是都会创建出对象,除非用new
function show() {...}

函数的重复申明

js中的函数允许重复声明,以最后一个为准
es5中变量允许重复声明

return返回

一旦遇到return 返回给调用者后面的语句全部忽略

函数也是对象, 对象就会有属性/方法

函数有name, length的属性
console.log(add.name);
console.log(add.length);

函数的方法:

toString(), 返回函数源代码console.log(add.toString());

函数作用域

全局: global: 顶层函数之外声明的,可以在函数内访问
局部: local: 函数内部声明,仅限内部访问,外部不可见
函数内部声明的变量如果不加var,就不能和当前的作用域绑定, 自动与全局绑定

下面是控制台的效果图

主要代码

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>函数</title>
  6. </head>
  7. <body>
  8. <script>
  9. //函数的声明
  10. function show1(value) {
  11. console.log(value);
  12. }
  13. //函数的调用
  14. show1('what you name ');
  15. // 函数表达式 / 匿名函数声明与调用,函数表达式后面没有‘;’
  16. var show2 = function display(value) {
  17. console.log(value);
  18. }
  19. show2('wo jiao da wei ');
  20. console.log(show2.name);
  21. //由于是函数表达式,所以函数未定义,无法传值,显示错误
  22. // display(" How old are You");
  23. //构造函数
  24. var sum = Function('a','b', 'return a + b');
  25. console.log(sum(11, 111));
  26. //与上面的函数意义相同
  27. // var sum = function (a, b) {return a + b;}
  28. // console.log(sum(20, 90));
  29. // 函数做为值的使用场景
  30. function add (a, b, c) {
  31. // 输出结果
  32. return a + b +c;
  33. }
  34. // 赋值,由于还有一个c没传值,结果为NAN
  35. var sum = add;
  36. console.log(sum(12, 23));
  37. // 函数当做对象属性
  38. var obj = {};
  39. obj.sum = add;
  40. console.log(obj.sum(50, 90,13));
  41. // 函数当参数: 回调
  42. function huidiao(callback, a, b,c) {
  43. return callback(a, b,c);
  44. }
  45. console.log(huidiao(add, 28, 49,123));
  46. // 函数当返回值
  47. function fun1() {
  48. return add;
  49. }
  50. console.log(fun1()(39, 27,12) );
  51. // es5: 不支持块作用域
  52. if (true) {
  53. var name = '测试1';
  54. }
  55. console.log(name);
  56. // es6: 支持块作用域,显示未定义
  57. // if (true) {
  58. // let names = '测试2';
  59. // }
  60. // console.log(names);
  61. // 函数的参数对象/参数类数组
  62. function sum(...params) {
  63. console.log(arguments);
  64. for (var i = 0; i < arguments.length; i++) {
  65. console.log(arguments[i]);
  66. }
  67. console.log(a + b);
  68. }
  69. sum(10,20,40,50);
  70. console.log(sum.length);
  71. // 闭包用来访问私有变量
  72. function demo1() {
  73. var email = '144682@qq.com';
  74. // 子函数
  75. return function hello(){
  76. console.log(email);
  77. }
  78. hello;
  79. }
  80. // console.log(email);
  81. // console.log(typeof demo1()());
  82. console.log(demo1());
  83. console.log(demo1()());
  84. </script>
  85. </body>
  86. </html>
批改老师:天蓬大人天蓬大人

批改状态:合格

老师批语:完成的很认真

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 这篇文章主要介绍了PHP字符串处理法,结合实例形式详细分析了PHP字符串处理功能、定义、使方法操作注意事项,需要朋友可以参考下。
    c语言中方式:1、直接【int main(void)】;2、指针【void (*pfun)(); pfun=fun】;3、形参方式【void CallFun(void (*pfun
    fwrite一般形式是“fwrite(buffer,size,count,fp);”;其中,buffer是准备输出据块起始地址,size是每个据块字节,count来指定每写一次或输出据块
    php中时间相关有:date_default_timezone_set()、date_create()、date_diff()、date_timestamp_get()、strtotime(
    equals()“==”分别是:equals()来判断两各对象是否相等;“==”是判断两个对象地址是不是相等,即判断引对象是不是指向对中一个对象。
    react子件向父件通信有两种方法:回和自定义事件机制;但有时自定义事件会显然过于复杂,所以一般,父件事先定义好回,并将回传递给子件,子,向父件通信
    在PHP中,可以使array_filter()来删除空值。
    php清除空值方法:可以利array_filter()来清除空值。该会把输入每个键值传给回,如果没有回,那么默认删除值为false元素。
    php去除空元素方法:可以利array_filter来删除空元素,如【array_filter($array)】。array_filter通过来过滤元素。
    在PHP中可以使“array_filter()”去除重复元素,该过滤单元,其语法是“array_filter(array) ”,其参array表示要过滤,返回值为过滤后
    php删除空值方法:可以利array_filter()来实现。array_filter()过滤元素,具体使方法如:【array_filter($array)】。
    操作基本有多种,键名和值,内部指针;分段和填充,栈,列队,排序,计算,其他等等。
    在PHP中可以使“array_filter()”空值去除,该过滤元素,其语法是“array_filter(array)”,其参array表示要过滤,使时只需将传入
    php去掉空值方法:可以使内置array_filter()来实现,如【array_filter($array)】。array_filter()使过滤元素。
    在PHP中可以通过使“array_filter”删除空元素,该过滤单元,其语法为“array_filter($array[,$callback[,$flag=0
    php计算中不为空元素方法:首先通过array_filter()过滤元素,并返回过滤后;然后利count()统计过滤后元素即可。
    在JavaScript中,是第一类对象,这意味着可以像对象一样按照第一类管理被使。既然实际上是对象:它们能被“存储”在变量中,能作为被传递,能在中被创建,能从中返回。
    php生成不重复随机方法:1、使shuffle将顺序随即打乱,并取该某一段,代码为【shuffle ($numbers)】;2、现成随机排列,并截取前【$limit
    C语言基础知识有:1、定义、声明和;2、声明;3、定义;4、; 5、名;6、递归
    char转string方法:可以通过直接赋值方法来实现,如【char a[]=" abc d\0efg ";string s=a;】。