JavaScript之数组函数

1.数组增删

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组函数</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    //数组元素添加与删除
    //push:向数组的最后添加元素
    var arr = [];
    arr.push("地动天殇");
    arr.push("唯恨无心");
    console.log(arr);
    //pop:删除数组的最后一个元素
    arr.pop();
    console.log(arr);
</script>

温馨小提示:和push的区别在于,unshift往元素开始添加,push往末尾添加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组函数的增删二</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    var arr = [];
    //unshift:向数组的开头添加元素
    arr.unshift("一任群芳妒");
    arr.unshift("无意苦争春");
    console.log(arr);
</script>

温馨小提示:shift和pop的区别,shift删除首元素,pop删除末尾元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组函数的增删二</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    var arr = [];
    //unshift:向数组的开头添加元素
    arr.unshift("一任群芳妒");
    arr.unshift("无意苦争春");
    console.log(arr);
    //shift:删除数组的首元素
    arr.shift();
    console.log(arr);
</script>

2.向数组中间进行操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>向元素中间</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    //splice()
    //三个形参:第一个形参 替换内容的起始下标
    //第二个形参 被替换内容的长度
    //第三个形参 替换的值
    var arr = ["雀巢","新概念","同济","张宇线代"];
    arr.splice(1,2,"王后雄高中数学")
    console.log(arr);
</script>

温馨小提示:splice第二个参数为0代表添加元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>向元素中间</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    //splice()
    //三个形参:第一个形参 替换内容的起始下标
    //第二个形参 被替换内容的长度
    //第三个形参 替换的值
    var arr = ["雀巢","新概念","同济","张宇线代"];
    arr.splice(1,2,"王后雄高中数学");
    console.log(arr);
    //第二个参数为0代表添加元素
    arr.splice(1,0,"红楼梦");
    console.log(arr);
</script>

温馨小提示:splice缺少第三个参数代表删除元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>向元素中间</title>
</head>
<body>
    
</body>
</html>
<script type="text/javascript">
    //splice()
    //三个形参:第一个形参 替换内容的起始下标
    //第二个形参 被替换内容的长度
    //第三个形参 替换的值
    var arr = ["雀巢","新概念","同济","张宇线代"];
    arr.splice(1,2,"王后雄高中数学");
    console.log(arr);
    //第二个参数为0代表添加元素
    arr.splice(1,0,"红楼梦");
    console.log(arr);
    //缺少第三个参数代表删除元素
    arr.splice(1,1);
    console.log(arr);
</script>