JavaScript基础：数组

妖狐艹你老母 2022-04-17 01:39 172阅读 0赞

**1.数组简介**  
数组的定义方式1：

输出结果：  
![效果图][20181111102940309.png]

数组的定义方式2（字面量）：

输出结果如下：  
![效果图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R3ZWJsb3Zlcg_size_16_color_FFFFFF_t_70]  
**2.数组的四种方法**  
1.push()方法  
作用：向数组末尾添加元素并且返回新的数组长度

输出结果如下:  
![效果图][20181111104822508.png]  
2.pop()方法  
作用：删除并返回数组的最后一个元素

输出结果如下:  
![效果图][20181111105435632.png]  
3.unshift()方法  
作用：向数组开头添加一个或多个元素并且将新的数组长度返回

输出结果如下：  
![效果图][20181111110008805.png]  
4.shift()方法  
作用：删除并返回数组的第一个元素

输出结果如下：  
![效果图][20181111110551496.png]  
**3.数组的遍历**  
所谓数组的遍历，就是将数组的所有元素都取出来

说明：用forEach方法只能兼容IE8以上

![效果图][20181111155300259.png]  
**4.slice（）方法和splice（）方法**  
slice（）方法说明：作用，可以从数组中提取指定元素且不会影响原数组  
参数：start数组开始位置的索引，包含开始索引，end数组结束位置的索引，不包含结束索引，end可以不写此时表示的是从开始索引位置一直到最后，索引也可以传递负值，则此时表示的是从后往前计算，-1表示的倒数第一个以此类推  
实例

输出结果如下：  
![效果图][20181111161548703.png]  
2.splice（）方法  
作用：删除数组中的元素并且向其中添加新的元素  
说明：使用splice（）方法会影响原数组，会将指定元素从数组中删除，并且将删除元素作为返回值返回  
参数1：开始删除的位置  
参数2：删除元素的个数  
参数3及以后：表示新添加的元素

输出结果如下：  
![效果图][20181111163739393.png]

![效果图][20181111164330267.png]  
**5.数组去重练习**  
题目：有一个数组，数组中含有1,2,3,3,2,1,4,2,5删除重复数字，使其输出1,2,3,4,5

![x效果图][x]  
**6.数组中其他的方法**  
1.concat（）方法  
作用：可以将两个或者多个数组连接起来，并且返回新的数组  
说明：不会对原数组产生影响

输出结果如下：  
![效果图][20181111172003649.png]  
2.join（）方法  
作用：该方法可以将数组转换为一个字符串  
说明：该方法不会对原数组产生影响

输出结果如下：  
![效果图][20181111173007103.png]  
3.reverse（）方法  
作用：反转数组  
说明：会对原数组产生影响

4.sort（）方法  
作用：对数组元素进行排序  
说明：如果是升序则是return a-b;如果是降序则返回return b-a

[20181111102940309.png]: /images/20220417/55bf8bda7e9c49a689d26c115445d7e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R3ZWJsb3Zlcg_size_16_color_FFFFFF_t_70]: /images/20220417/3d7407fa1e684153aa2ec44e36e7f7c8.png
[20181111104822508.png]: /images/20220417/f556f5f6f01d4125a5673f3f5d866850.png
[20181111105435632.png]: /images/20220417/9719cd3330a74b4fb6df93061d41187b.png
[20181111110008805.png]: /images/20220417/81adfcd6dc0e4f169a8a174bdf96bcc7.png
[20181111110551496.png]: /images/20220417/d748fde59c9947fc8bec9b26b69ff4ff.png
[20181111155300259.png]: /images/20220417/612fa2d293c8429984d3ae2acfd38d84.png
[20181111161548703.png]: /images/20220417/28c409d906854cc2a6ccc6fdbcfa93b8.png
[20181111163739393.png]: /images/20220417/2340263e84144bb69f589b8c516e2445.png
[20181111164330267.png]: /images/20220417/9ea567b75c66420d9b7830a11110525e.png
[x]: /images/20220417/935248516e4d43c48fbebcc83e35312a.png
[20181111172003649.png]: /images/20220417/32e5519a194d451f92deec7ebdd4617f.png
[20181111173007103.png]: /images/20220417/6bcfd257615c455aad6f7637c2e07362.png