JavaScript之数组相关知识

最新推荐文章于 2024-07-28 20:27:10 发布

熊凯瑞

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量221

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_46106857/article/details/126243063

版权

JavaScript 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

JS之数组相关知识

1、数组的声明
2、数组的赋值和取值
- 2.1 数组可以存储任意类型的数据
- 2.2 数组的取出
3、数组的length属性
4、数组的遍历
5、数组样例
6、数组的常用操作
7、数组的常用操作样例

1、数组的声明

1.1 方式一（声明一个空数组对象）

var arr = new Array();

1.2 方式二（声明一个指定长度的数组）

var arr = new Array(5);

1.3 方式三（声明数组（最常用））

var arr = [元素];

2、数组的赋值和取值

2.1 数组可以存储任意类型的数据

数组名[角标] = 值； //角标可以是任意的正整数或者是0

2.2 数组的取出

数组名[角标] //返回当前角标对应存储的值
如果角标不存在，返回undefined

3、数组的length属性

3.1 作用一

数组名.length //返回当前数组的长度

3.2 作用二

数组名.length = 新的值 //动态的改变数组的长度

3.3 注意

length>原有长度，则使用空进行填充
length < 原有长度，则从后面进行截取，最后的数据会被删除

4、数组的遍历

//普通for循环：
for(var i=0; i<arr.length; i++){
    alert(arr[i]);
}
//for-in循环:
for(var i in arr){
    alert(i); //获取的是角标
}

5、数组样例

<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width = device - width, initial - scale = 1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie-edge">
    <title>JavaScript之数组学习</title>
    <script>
        //1、js数组声明
            //第一种声明方式
            var arr = new Array();
            arr[0] = "abc";
            alert(arr);
            //第二种声明方式
            var arr2 = new Array(5);
            alert(arr2.length);
            //第三种声明方式
            var arr3=[1,2,3,4,5];
            alert(arr3);
        //2、数组的赋值和取值
            //声明数组
            var arr = [];
            arr[0] = 2;
            arr[1] = "abc";
            arr[2] = true;
            arr[3] = new Date();
            arr[8] = "哈哈哈";
            alert(arr);
            alert(arr[8]);
        //3、数组的length属性
            var arr = [];
            alert(arr.length);
            arr.length = 100;
            alert(arr.length);
            arr[10] = "abc";
            alert(arr.length);
            arr.length = 3;
            alert(arr);
        //4、数组的遍历
            var arr = [1,2,3,"a",5];
            alert(arr);
            //遍历1
            for(var i=0; i<arr.length; i++){
                alert(arr[i]);
            }
            //遍历2
            for(var i in arr){
                alert(i); //获取的是角标
                alert(arrp[i]);
            }
    </script>
</head>
<body>
</body>
</html>

6、数组的常用操作

1、数组的合并：arr.concat(b,c); //数组的合并
2、数组指定间隔符转换字符串：var b = arr.join(“-”);
3、数组移除最后一个元素并返回：var ele = arr.pop();
4、数组的追加，返回新的长度：var ln = arr.push(“lol”); //追加的元素可以是一个数组，但是作为一个角标值存在
5、数组的移除第一个元素：var ele = arr.shift();
6、数组在开始位置插入指定元素：var a = arr.unshift(“又是周五了”);
7、数组删除指定位置元素：var arr2 = arr.splice(1,3,“a”);

7、数组的常用操作样例

<!DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width = device - width, initial - scale = 1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie-edge">
    <title>JS数组的常用操作</title>
    <script>
            /*声明数组*/
            var arr = [1,"abc","张三","12"];
            /*数组的操作*/
                var b = ["今天天气不错","适合学习"];
                var c = "js";
                var d = arr.concat(b,c,c); //数组的合并
                alert(d);
                alert(d.length);
            /*数组指定间隔符转换字符串*/
                var b = arr.join("-");
                alert(typeof b);
            /*数组移除最后一个元素并返回*/
                var ele = arr.pop(); 
                alert(ele);
            /*数组的追加*/
                var ln = arr.push("lol");
                var ln2 = arr.push(["66",77]);
                alert(ln);
                alert(ln2);
            /*数组移除第一个元素*/
                var ele = arr.shift();
                alert(ele);
            /*数组的在开始位置插入指定元素*/
                var a = arr.unshift("又是周五了");
                alert(a);
            /*数组删除指定位置元素*/
                var arr2 = arr.splice(1,3,"a");
                alert(arr);
    </script>
</head>
<body>
    
</body>
</html>

熊凯瑞

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript之数组相关知识

4、数组的追加，返回新的长度：var ln = arr.push(“lol”);//追加的元素可以是一个数组，但是作为一个角标值存在。6、数组在开始位置插入指定元素：var a = arr.unshift(“又是周五了”);7、数组删除指定位置元素：var arr2 = arr.splice(1,3,“a”);数组名.length = 新的值 //动态的改变数组的长度。数组名.length //返回当前数组的长度。/*数组的在开始位置插入指定元素*//*数组移除最后一个元素并返回*/...
复制链接

扫一扫