javascript的数组

GRIT️‍

已于 2023-05-30 17:54:27 修改

阅读量113

点赞数

文章标签： javascript 前端

于 2023-05-23 16:11:11 首次发布

本文链接：https://blog.csdn.net/weixin_73184497/article/details/130736431

版权

1、创建数组的两种方式：

①利用数组字面量

var arr=[1,2,3];

②利用new Array()

var arr1=new Array();创建了一个空的数组

注意：var arr1=new Array(2),这里面的2表示数组的长度为2，里面有两个空的数组元素。

var arr2=new Array(2,3)表示这里面有两个数组元素是2和3.

2、检测是否为数组：

（1）instanceof 运算符可以用来检测是否为数组

arr instanceof Array;

(2）Array.isArray(参数）；H5新增的方法 ie9以上版本支持

Array.isArray(arr);

翻转数组：

function reserve(arr){
            if(arr instanceof Array){
                var arr1=[];
                for(var i=arr.length-1;i>=0;i--){
                    arr1[arr1.length]=arr[i];
                }
                return arr1;
            }
            else {
                return 'erro 请你输入数组形式';
            }
           
        }
        console.log(reserve([1,2,3,4,5]));

3、添加删除数组的方法：

push（参数,,,,)	末尾添加有一个或多个元素，注意修改原数组	并返回新的长度
pop()	删除数组最后一个元素，长度减一（一次只能删一个）（无参数）	返回它删除元素的值
unshift(参数1..)	向数组开头加一个或更多元素，修改数组	并返回新的长度
shift()	删除数组的第一个元素，数组长度减1 无参数、修改原数组。（一次只能删一个）（无参数）	并返回第一个元素的值

代码实例：

var arr=[1,2,3];
console.log(arr.push(4,'pink'));
console.log(arr.unshift('red'));
console.log(arr);

删除特定的数字：

var arr=[1100,200,300,400,5000];
        var arr1=[];
        for(var i=0;i<arr.length;i++){
            if(arr[i]>500){
                arr1.push(arr[i]);
            }
        }
        console.log(arr1);

4、数组的内置函数：

（1）数组翻转：arr.reserse();

(2)数组排序：arr.sort();

var arr1=[1,10,5,9,7,8];
        arr1.sort(function(a,b){
            return a-b;升序
            return b-a; 降序

        });
        console.log(arr1);

5、数组索引方法：

indexOf()

数组中查找一个指定元素的第一个索引

存在返回索引号不存在返回-1

lastindexOf

在数组中的最后一个的索引

（从后面开始查找，即找一个特定的数字时，从后面找到的第一个数字输出索引号）

如果存在返回索引号，不存在返回-1

6、数组去重：

思路：把旧数组中的数字存入新的数组，重复的元素只保留一个；遍历旧数组，然后拿着旧数组元素去查询新的数组，如果该元素在新数组中没有出现过就添加；利用新数组.indexOf() 返回-1就说明该元素在新数组中未出现过，我们就添加。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function unique(arr){
            var arr1=[];
            for(var i=0;i<arr.length;i++){
                if(arr1.indexOf(arr[i])==-1){
                    arr1.push(arr[i]);
                }
            }
            return arr1;
        }

        var arr2=[1,2,3,4,5,6,6,6,7,8,2];
        var demo=unique(arr2);
        console.log(demo);
    </script>
</head>
<body>
    
</body>
</html>

7、数组对象：

（一）将数组转化为字符串：

toString()	把数组转换为字符串，逗号分隔每一项	返回一个字符串
join('分隔符‘）	方法用于把数组中的所有元素都转换为一个字符串	返回一个字符串

var arr=[1,2,3,4,5];

console.log(arr.toString())；结果为：1,2,3,4,5

console.log(arr.join('-'));结果为：1-2-3-4-5

（二）连接、截取、删除

concat()	连接两个或多个数组，不影响原数组	返回一个新的数组
slice()	数组截取slice（begin,end）	返回被截取项目的新数组
splice()	数组删除splice(第几个开始，要删除个数)	返回被删除项目的新数组，注意，这个会影响原数组

var heroes=["李白",'蔡文姬','韩信','赵云','甄姬','阿珂','貂蝉','妲己'];
console.log(heroes.slice(1,4))//  [ "蔡文姬", "韩信", "赵云" ]开始索引为1 结束索引为4(不包括4)
console.log(heroes)// 不改变原数组  [ "李白", "蔡文姬", "韩信", "赵云", "甄姬", "阿珂", "貂蝉", "妲己" ]

splice()语法：arr.splice(index,howmany,item1,.....itemX)

①index必需，整数，规定添加删除项目的位置，使用负数可以从数组结尾处规定的位置

当只有索引没有howmany时默认一直删到结尾。

②howmany必需，要删除的项目数量，如果设置为0 ，则不会删除项目。小于0时视为0.

③item1,.......itemX可选，向数组添加的新项目。

var arr=[1,2,3,4,5];
console.log(arr.toString());
console.log(arr.join('-'));
console.log(arr.splice(1,2,[7,8],9));//结果为[2,3]
console.log(arr);//结果为[1,[7,8],9,4,5]
console.log(arr.splice(1,-10,[6,7]));//结果为[],负数默认为0不删除。

js的数组拼接方法
方法一：concat方法拼接（返回一个新数组）

var a1 = [1,2,3,4,5];

var a2 = ['a','b','c'];

var newa = a1.concat(a2);

var arr1=[1,2,3];
var arr2=[2,3,4,5];
var newarr=arr1.concat(arr2);
console.log(newarr);

结果类型：object

concat方法：用于连接两个或多个数组，生成新数组，concat后面的数组时操作的时候数组的元素，而不是数组

方法二：join方法拼接（返回一个新数组）

var a1 = [1,2,3,4,5];

var a2 = ['a','b','c'];

var newa = a1.join()+','+a2.join();

返回结果：1,2,3,4,5,a,b,c

结果类型：string

join方法：把数组的所有元素放入一个字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。separator 在join()不添加分割符时是逗号（‘,’），在join('.')添加分割符时用提供的符号分割。

GRIT️‍

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的数组

separator 在join()不添加分割符时是逗号（‘,’），在join('.')添加分割符时用提供的符号分割。：把旧数组中的数字存入新的数组，重复的元素只保留一个；遍历旧数组，然后拿着旧数组元素去查询新的数组，如果该元素在新数组中没有出现过就添加；concat方法：用于连接两个或多个数组，生成新数组，concat后面的数组时操作的时候数组的元素，而不是数组。注意：var arr1=new Array(2),这里面的2表示数组的长度为2，里面有两个空的数组元素。结果为：1,2,3,4,5。
复制链接

扫一扫