JavaScript数组之数组方法：toString()、pop()、push()、shift()、unshift()、更改元素、删除元素、splice()、concat()、slice()、

数组方法

1.把数组转换为字符串 toString()

  • **JS方法toString() 把数组转换为数组值（逗号分隔开）的字符串
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="demo"></p>
    <p id="demo1></p>
</body>
<script>
    var fruits = ["banana", "apple", "orange"];
    document.getElementById("demo").innerHTML = fruits.toString()
    document.getElementById("demo1").innerHTML = fruits.join(" * ")  //以 * 为分隔符
</script>

</html>
  • **join() 方法可以将所有数组结合成一个字符串 ，还可以规定分隔符

2.pop():在数组中弹出项目和push():向数组推入项目

  • pop() 方法从数组中删除最后一个元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits 删除最后一个元素（"Mango"）
  • push()方法在数组结尾处向数组添加一个新的元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  向 fruits 添加一个新元素
var x =  fruits.push("Kiwi");   //  x 的值是 5

3.shift()位移元素 unshift()

  • 与弹出pop()等同，但是处理的是第一个而不是最后一个

  • shift() 会删除首个数组元素，并把所有其他元素“ 位移”到更低的索引

  • unshift() 方法在开头向数组添加新元素，并“ 反向位移”旧元素

4.更改元素

  • 通过使用他们的索引号来访问数组元素 ：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits[0] = "Kiwi";        // 把 fruits 的第一个元素改为 "Kiwi"
  • length属性提供了想数组追加新元素的简易方法 :
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 向 fruits 追加 "Kiwi"

5.删除元素

  • 使用pop() 或 shift()

6.拼接数组 splice()

  • splice()方法可用于向数组添加新项：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
//第一个参数（2）定义了应添加新元素的位置（拼接）。
//第二个参数（0）定义应删除多少元素。
//其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。
fruits.splice(2, 0, "Lemon", "Kiwi");
  • splice()方法来删除元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
//删除从第0位项删除一个
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

7.拼接（合并）数组 concat()

  • concat() 方法通过合并现有数组来创建一个新数组

concat() 方法不会更改现有数组。它总是返回一个新数组。
concat() 方法可以使用任意数量的数组参数：例如：var myChildren = arr1.concat(arr2, arr3); // 将arr1、arr2 与 arr3 连接在一起

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 连接 myGirls 和 myBoys

-concat() 方法也可以将值作为参数

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

8.裁剪数组 slice()

  • slice()方法创建新数组，不会再原数组中删除任何元素
  • 从第一个参数开始到最后（包含第一个参数所对应的值）
var fruits = ["apple", "banana", "origin"];
var f2 = fruits.slice(1);
console.log(f2);

-也可以包含两个参数 从第一个参数选取元素，直到结束参数（不包括）为止。

9.自动toString()

document.getElementById("demo").innerHTML = fruits.toString();

等同于

document.getElementById("demo").innerHTML  = fruits;

所有 JavaScript 对象都拥有 toString() 方法。

版权声明：本文为qq_43968060原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。