js数组 day4

数组的概念及定义

概念：数组为一组一般情况下相同类型的数据。

除了 Object 类型之外，Array 类型是ECMAScript 最常用的类型。而且 ECMAScript 中的 Array 类型和其他语言中的数组有着很大的区别。虽然数组都是有序排列，但 ECMAScript 中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调整的。

数组的创建方式

第一种是 new 运算符（构造函数）;

注意：给构造函数传递一个值也可以创建数组。如果传递的是数字，则会按照该数自创建包含给定项数的数组；而如果传递的是其他类型的参数，则会创建包含那个值的只有一项的数组。

1. 第二种是字面量(json格式);

在计算机科学中，字面量是用于表达源代码中一个固定值的表示法。

数组的length和下标
1. 使用索引下标来读取数组的值--下标是固定的，从0开始
2. 数组的length属性--代表长度，数组的 length 属性不只是只读的。通过设置这个属性，可以从数组的末尾移除项或向数组中添加新项。
3. 数组的遍历--for循环

检测数组：Array.isArray() 静态方法（对象的构造函数开头的）

Array.isArray()：确定括号中的某个值到底是不是数组

数组的方法--传统方法

push() 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。
pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。
unshift()方法能够在数组前端添加任意个项并返回新数组的长度。
shift() 方法能够移除数组中的第一个项并返回该项，同时将数组长度减 1。
reverse() 方法会反转数组项的顺序。
sort() 方法按字母表升序排列数组项。
注意：如果按照其他方式而非字母表顺序进行数组排列，必须给sort方法传递一个比较函数做参数。
concat() 方法可以基于当前数组中的所有项创建一个新数组。
slice() 方法它能够基于当前数组中的一或多个项创建一个新数组。可以接受一或两个参数，即要返回项的起始和结束位置，不包括结束位置。
splice() 方法，对数组进行删除、插入、替换，是最强大的数组方法。返回值是数组。
join()方法，将数组转换成对应的字符串。参数就是连接符。

整数数组/字符串数组/对象数组/二维数组
数组的排序(冒泡排序、选择排序)
强化练习

随机生成一个五位以内的数，然后输出该数共有多少位，分别是什么。
数组的冒泡排序（封装函数）
数组的选择排序（封装函数）
编写函数map(arr) 把数组中的每一位数字都增加30%
编写函数has(arr , 60) 判断数组中是否存在60这个元素，返回布尔类型

综合应用

编写函数norepeat(arr) 将数组的重复元素去掉，并返回新的数组。
有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。
定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。
通过循环按行顺序为一个5×5的二维数组a赋1到25的自然数，然后输出该数组的左下半三角。试编程。

数组的方法一：

改变原数组

数组的类型：<script type="text/javascript">
           //1.二维数组:数组里面嵌套数组。
           //获取多维数组的值。
           //var arr=[1,2,3,[4,'hello',['a','c'],6],7,[8,9]];
           //alert(arr[3][1]);
           //alert(arr[3][2][1])

           //二维数组赋值
           var arr=['a','b'];
           //arr[2][0]=10;//不能直接给二维数组赋值。
           arr[2]=[];//先确认数组的某项是数组。
           arr[2][0]=10;
           arr[2][1]=100;
           arr[2][5]=1000;
           console.log(arr);
       </script>

day5:script type="text/javascript">
       //定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；
       //然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。
       //1.创建数组
       /*var arr=[];
       for(var i=1;i<=30;i++){
           arr.push(2*i);
       }
       console.log(arr);

       //2.五个数求出一个平均值,放在另一个数组中并输出;
       var newarr=[];
       var svg=0;//平均值
       for(var j=0;j<arr.length;j++){
           svg+=arr[j];
           if((j+1)%5==0){
               newarr.push(svg/5);//将5个数字和的平均值给新数组
               svg=0;
           }
       }
       console.log(newarr);*/


       //4.通过循环按行顺序为一个5×5的二维数组arr赋1到25的自然数，然后输出该数组的左下半三角。试编程。
       //var arr=[[1,2,3,4,5],[6,7,8,9,10]......]
       //arr[0][0] arr[0][1] arr[0][2] arr[0][3] arr[0][4]

       function double(n){
           return n<10 ? '0'+n : n;
       }
       var arr=[];
       var num=1;
       for(var i=0;i<5;i++){
           arr[i]=[];//数组的每一项还是数组
           for(var j=0;j<5;j++){
               arr[i][j]=double(num++);
               if(i>=j){
                   document.write(arr[i][j]+'    ');
               }
           }
           document.write('<br>');
       }
       </script>

新增数组操作方法
1. 位置方法----indexOf() lastIndexOf()返回要查找的项在数组中的索引位置，没找到的情况下返回-1。（两个参数：要查找的项和（可选的）表示查找起点位置的索引）

indexOf() 方法从数组的开头开始向后查找。

lastIndexOf() 方法则从数组的末尾开始向前查找。

迭代方法（不会改变原数组）

迭代是重复反馈过程的活动，其目的通常是为了逼近所需目标或结果。每一次对过程的重复称为一次“迭代”，而每一次迭代得到的结果会作为下一次迭代的初始值。

两个参数：

第一个参数：要在每一项上运行的函数

此函数会接收三个参数：数组项的值、该项在数组中的位置、数组对象本身。

第二个参数：（可选的）运行该函数的作用域对象（影响 this 的值）。

every()

对数组中的每一项运行给定函数，如果该函数对每一项都返回 true ，则返回 true 。

some()

对数组中的每一项运行给定函数，如果该函数对任意一项返回 true ，则返回 true 。

filter()

对数组中的每一项运行给定函数，返回该函数结果为 true 的项组成的数组。

利用filter 来去除数字重复；

Var arr=[5,5,533,33,55,66,66,11,23,43,43]

Var arr2=arr.filter(function(a,b){

Return arr.indexOf(a)==b//满足条件的会输出来，返回的是一个新的数组

})

Console.log(arr2)

map()

对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

返回就是数组，不考虑true或者false；

forEach() ：对数组中的每一项运行给定函数。这个方法没有返回值。

以上方法都不会修改数组中的包含的值。

1. 归并方法---- reduce() reduceRight()

这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。

reduce() 方法从数组的第一项开始，逐个遍历到最后。

reduceRight() 方法从数组的最后一项开始，向前遍历到第一项。

两个参数：每一项上调用的函数和（可选的）作为归并的初始值。

调用的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。

对象的本质和意义

对象是javascript的数据类型。对象是一种复合值，它将很多值聚合在一起，可通过名字访问这些值。对象也看做是属性的无序集合，每个属性都是一个名/值对。

对象的创建
1. 构造函数创建对象--var obj=new Object();
2. 字面量创建对象--var obj={ };
JSON表示对象的方法:利用json的方式创建对象。（类似于字面量创建对象）

JSON 是一种轻量级的数据交换格式。它是基于 ECMAScript的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON的特点
1. json: 是一种轻量级的数据交换格式。不是js独有的。
2. json组成：简单值+对象+数组。
3. json里面字符串需要添加双引号。
4. json没有var关键字,没有分号(;)
对象的遍历--for...in循环
值传递和引用传递。
1. 栈：自动分配内存空间，系统自动释放，基本类型的值和引用类型的地址
2. 堆：动态分配的内存，大小不定，也不会自动释放。存放引用类型的值。

强化练习

使用json形式创建一个对象，该对象存储一个学生的信息，该对象包含姓名，学号、身份证、年龄、性别、所学专业等属性信息，同时该对象包含一个自我介绍的方法，用来输出该对象的所有信息。
随机点名程序。
扩展案例：快速排序的实现。
扩展案例：多种方式实现数组去重。
扩展案例：数组的扁平化。

day5:

猜你喜欢