zsydgithub 2 жил өмнө
parent
commit
67b05042df

+ 102 - 0
4_JS基础/16_数组的方法.html

@@ -0,0 +1,102 @@
+<!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>
+</head>
+
+<body>
+  <script>
+
+    // 把数组转换为字符串
+    // JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // console.log(fruits.toString())
+
+    // join() 方法也可将所有数组元素结合为一个字符串。
+    // 它的行为类似 toString(),但是还可以规定分隔符,默认为 ,
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // console.log(fruits.join('#'))
+
+    //pop() 方法从数组中删除最后一个元素:
+    //pop() 方法返回“被弹出”的值:
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // // fruits.pop()
+    // var a = fruits.pop()
+    // console.log(a)
+
+    //push() 方法(在数组结尾处)向数组添加一个新的元素
+    //push() 方法返回新数组的长度
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // // fruits.push('pomegranate')
+    // var a = fruits.push('pomegranate')
+    // console.log(a)
+
+    // shift() 方法会删除首个数组元素,并把所有其他元素往前串
+    // shift() 方法返回被“位移出”的字符串
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // // fruits.shift()
+    // var a = fruits.shift()
+    // console.log(a)
+
+    //unshift() 方法(在开头)向数组添加新元素,并向后串
+    //unshift() 方法返回新数组的长度
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // // fruits.unshift('pomegranate')
+    // var a = fruits.unshift('pomegranate')
+    // console.log(a)
+
+    //length 属性提供了向数组追加新元素的简易方法,在数组结尾
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // fruits[fruits.length] = "Kiwi";  
+    // console.log(fruits)
+
+    //使用 delete 会在数组留下未定义的空洞。请使用 pop() 或 shift() 取而代之。
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // delete fruits[2]
+    // console.log(fruits)
+
+    // 第一个参数(2)定义了应添加新元素的位置(拼接)。
+    // 第二个参数(0)定义应删除多少元素。
+    // 其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // fruits.splice(2, 0, "Lemon", "Kiwi");
+    // console.log(fruits)
+
+    // var fruits = ["Banana", "Orange", "Apple", "Mango"];
+    // console.log(fruits)
+    // fruits.splice(0,1)
+    // console.log(fruits)
+
+    //concat() 方法通过合并(连接)现有数组来创建一个新数组
+    //concat() 方法不会更改现有数组。它总是返回一个新数组
+    // var myGirls = ["Cecilie", "Lone"];
+    // var myBoys = ["Emil", "Tobias", "Linus"];
+    // var myChildren = myGirls.concat(myBoys); 
+    // console.log(myGirls,myBoys,myChildren)
+
+    //slice() 方法创建新数组。它不会从源数组中删除任何元素
+    // var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+    // console.log(fruits)
+    // var citrus = fruits.slice(1); 
+    // console.log(citrus)
+
+    var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+    var citrus = fruits.slice(1, 3); 
+    console.log(citrus)
+  </script>
+</body>
+
+</html>