JS-数组-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_57149894/article/details/115839582

一、定义数组

如：`var arr = ['a','b','c'];`
上面的代码就是数组的常见定义，arr[0] = a, arr[1] = b, arr[2] = c。中间的[]是数组的标志。
数组的定义也可以先定义再赋值，如下：

		<script type="text/javascript">
			var arr = [];
			arr[0] = 123;
			arr[1] = 'hello';
			console.log(arr);
		</script>

在这里插入图片描述

二、数组的遍历

数组的长度用length来表示，返回数组内元素的个数

<script>
        var arr = ['a','b','c'];
        for(var i = 0; i<arr.length; i++)
        {
            console.log(arr[i]);
        }
    </script>

在这里插入图片描述
forEach()方法也可以用来遍历数组，与for循环相似，但该方法只适用于数组

<script>
        var arr = ['a','b','c'];
        arr.forEach
        (
            function(val,i)
            {
            console.log(val+i);
            }
        );
    </script>

在这里插入图片描述

三、添加与删除数组的方法

1、添加数组

1)、unshift()

unshift()方法用于在数组前端添加一个或多个元素，并返回添加后的数组长度

 <script>
        var arr = ['a','b','c'];
        var foo = arr.unshift('d','e','f');
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

2)、push()

push()方法用于在数组末端添加一个或多个元素，并返回添加后的数组长度

<script>
        var arr = ['a','b','c'];
        var foo = arr.push('d','e','f');
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

2、删除数组

3)、shift()

shift()方法用于删除数组的起始位置，并返回该元素

 <script>
        var arr = ['a','b','c'];
        var foo = arr.shift();
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

4)、pop()

pop()方法用于删除数组的最后一个元素，并返回该元素

<script>
        var arr = ['a','b','c'];
        var foo = arr.pop();
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

3、添加，替换和删除数组

5)、splice()

splice()方法可以在数组的任意位置对数组进行添加，替换和删除
该方法接收多个参数，第一个参数为数组的起始位置，第二个参数为删除的个数，从第三个元素开始为向数组中添加的元素，并返回删除的数组元素

【1】删除数组

<script>
        var arr = ['a','b','c','d','e','f'];
        var foo = arr.splice(1,2);
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

【2】替换数组

 <script>
        var arr = ['a','b','c','d','e','f'];
        var foo = arr.splice(1,2,'g','h');
        console.log(foo);
        console.log(arr);
    </script>

在这里插入图片描述

【3】添加数组

  <script>
        var arr = ['a','b','c','d','e','f'];
        var foo = arr.splice(1,0,'g','h');
        console.log(foo);
        console.log(arr);
    </script>