js上 十六、数组-2

十六、数组-2

#4.3万能法:splice():

#4.3.1.删除功能

​ 语法:arr.splice(index,num); //num表示删除的长度

​ 功能:从下标index位置开始,删除num个元素;0

​ 返回值:被删除项组成的数组;

js上 十六、数组-2

#4.3.2.添加功能

语法:**arr.splice(index, ** **0 ** ,val1,val2..);

​ 功能:在下标index位置,添加多个元素

​ 返回值:空数组;[ ] 因为没有删除,所以数组为空

js上 十六、数组-2

#4.3.3.替换功能

语法:arr.splice(index,num,val1,val2...)

​ 功能:先删除后添加; 从index 位置开始,先删除num个元素,再添加多个新元素;

​ 返回值:被删除项组成的数组;

js上 十六、数组-2

#5.1. 数组的反转:reverse

语法:arr.reverse();

功能:数组的反转;

返回值:反转后的数组;

说明:这个方法会改变原数组;

js上 十六、数组-2

#5.2. 数组排序:sort

语法:arr.sort(function(a,b){return a-b});

​ 功能:数组的排序:

​ 说明:1)如果返回a-b,升序 返回b-a 降序;

​ 2)如果sort方法不传参,表示按照字符串的方式排序;

​ 3)这个方法会改变原数组;

js上 十六、数组-2

第二个值减第一个值

js上 十六、数组-2

不传参

js上 十六、数组-2

#5.3. 数组的合并 concat:

语法:arr1.concat(arr2,arr3....);

功能:将多个数组内容拿出来,合并成一个新数组;

说明:不会改变原数组;

返回值:合并后的新数组;

js上 十六、数组-2

#5.4. 数组的截取方法 slice:

​ 语法:arr.slice(start,end);

返回值:返回截取的内容;

说明:1)slice的截取时,包含开始位置,不包含截取位置;

​ 2)arr.slice(start,end);//从开始start位置截取到end位置,不包含结束位置

​ 3)arr.slice(start);//从开始位置一直截取最后

​ 4)arr.slice();//不传参:表示,截取整个数组;

​ 5)slice();支持负值;

​ 6)slice()不会改变原数组

传两个参数:

js上 十六、数组-2

传一个参数

js上 十六、数组-2

不参数:

js上 十六、数组-2

参数为负值:

js上 十六、数组-2

#5.5. 数组的查找方法

#indexOf() 从前向后找

语法:**arr.indexOf( ** 目标值(val),开始查找的位置(index));

​ 功能:从index位置开始,向后查找val首次出现的位置,

​ 返回值:如果找到,返回val的下标,如果找不到,返回-1;

​ 说明:1)indexOf()不会改变原数组;

2) 如果不传第二个参数,默认表示从下标为0开始查找;

js上 十六、数组-2

#lastIndexOf() 从后向前找

语法:**arr.lastIndexOf( ** 目标值(val),开始查找的位置(index));

​ 功能:从index位置开始,向前查找val出现的位置;

​ 返回值:如果找到,返回val的下标,如果找不到,返回-1;

​ 说明:1)lastIndexOf()不会改变原数组;

​ 2)如果不传第二个参数,默认表示从最后一个下标开始向前查找

js上 十六、数组-2

#5.6. 数组转字符串 join:

语法:**arr.join(" ** 连接符");

功能:将数组的每一项通过连接符,拼接为一个新字符串;

返回值:字符串;

说明:1)join()不会改变原数组;

​ 2)当join()不传参数时,默认用逗号连接;

js上 十六、数组-2

#6. 二维数组:

前面我们讨论的都是一维数组。

在实际开发中, 经常需要用到二维数组或是多维数组。

但是,在js中,并不存在真正的多维数组。

js中:

ü 有数组的,

ü 数组中的元素,其数据类型是任意的

如果我们在数组中存放的元素,本身刚好又是一个数组。这就得到了一个二维数组。

Js中的解决方案,利用一维数组及其特性来模拟二维数组。

js上 十六、数组-2

#问题1:如何访问这些元素呢?

js上 十六、数组-2

#问题2:需要遍历所有的元素

js上 十六、数组-2

#7. 案例:

案例1:将arrs中所有的数字乘以5,返回[30,25,15]

js上 十六、数组-2

案例2:写一个函数,将这个数组中所有的一位数前面补0,输出一个新数组,即最后返回

js上 十六、数组-2

案例3:写一个函数bouncer(),实现将数组中的真值,添加到一个新数组中;

js上 十六、数组-2

js上 十六、数组-2

js上 十六、数组-2

案例4。模拟pop方法:

js上 十六、数组-2

案例5:模拟push方法

js上 十六、数组-2

js上 十六、数组-2

案例6:封装一个函数实现将二维数组转一维数组;

js上 十六、数组-2

js上 十六、数组-2

#小结:

\1. splice()方法有删除、添加、替换功能

\2. reverse()数组的反转

\3. sort()数组的排序,注意sort方法的参数

\4. concat()合并多个数组

\5. slice()数组的截取方法;注意slice的参数

\6. 数组的查找方法:indexOf()从前往后找, lastIndexOf()从后往前找 ;找到返回下标,找不到返回-1

\7. Join()数组转字符串;如果不传参,默认用逗号连接

\8. 不会改变原数组的方法:indexOf() lastIndexOf() slice() concat() join();

\9. 会改变原数组的方法:push() unshift() pop() shift() splice() reverse() sort()

#作业

\1. 一维数组中转二维数组(思考)

题目:封装一个chunk(arr,size)的函数,把该数组arr按照指定的size分割成若干个数组块。

例如:chunk([1,2,3,4],2) 返回结果:[[1,2],[3,4]]

​ chunk([1,2,3,4,5],3) 返回结果:[[1,2,3],[4,5]]

分析:利用splice方法

倒推:结果:[[1,2],[3,4]] ;

  1. 可以定义一个 [ ]

  2. 将[1,2] 和 [3,4]分别添加到定义的一维数组,形成一个二维数组

  3. 那么如何得到这两个子数组? 截取,删除

  4. Splice(index,size);我们可以从下标为0的位置开始删除size个元素,而其返回值就是我们需要的子数组;

思路:1)定义一个函数,传两个参数

2创建一个空数组,//存放子数组

​ 3.循环删除,添加(当二维数组有元素:就需要删除指定长度的元素,然后将删除的内容添加到新数组中)

​ 4.返回新数组;

2、 var nums = [1,5,9,5,3,6,1,8,9,2,7,6];

题目: 将数组中重复的值只保留一个,且做升序排列,返回[1,2,3,5,6,7,8,9]

分析:定义一个空数组 ; 然后拿着nums中的每一个值,,取新数组中查看是否存在,如果不存在,就添加到新数组中

思考:如何判断是否存在?

IndexOf()方法,找值,找到返回下标,找不到返回-1;即如果一个值再再数组中的位置为-1;证明它不在数组中

3、 封装一个函数实现数组的拷贝(复制)

分析:从下标为0的位置开始遍历(正序遍历)然后利用push()实现

分析2:从最后一个下标开始遍历(倒序遍历)然后利用unshift()实现

分析3:使用concat实现

分析4:赋值

4、、实现reverse封装

分析:从下标为0的位置开始遍历(正序遍历);然后利用unshift()实现

分析2:从最后一个下标开始遍历(倒序遍历);然后利用push()实现

5、、indexOf的完整封装

封装一个函数,检测一个值在数组中出现的位置,如果没有出现返回-1,否则返回值在数组中出现的索引。

原理:用目标是和数组的每一项进行全等比较,如果全等,返回对应的数组下标

如果循环结束都没找到,返回-1

注意:循环的初始值 (indexOf的第二个参数)

上一篇:JS数组复习相关笔记


下一篇:js中对字符串操作的方法substring(),substring(),slice()