数组的常用方法总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 1. 数组.push(要添加的值) 在数组尾部添加一个元素 var arr = [15, 20]; arr.push(50); console.log("TCL: arr", arr) // TCL: arr (3) [15, 20, 50] // 2. 数组.pop() 去除数组尾部的一个元素 var brr = [32, 19, 54]; brr.pop(); console.log("TCL: brr", brr) // TCL: brr (2) [32, 19] // 3. 数组.unshift(要添加的值） 在数组头部添加一个元素 var crr = [5, 2, 9]; crr.unshift(31); console.log("TCL: crr", crr) // TCL: crr (4) [31, 5, 2, 9] // 4. 数组.shift() 在数组头部删除第一个元素 var crr4 = [5, 2, 9]; crr4.shift(); console.log("TCL: crr4", crr4) // TCL: crr4 (2) [2, 9] // 5. 数组.splice() 从哪个位置开始， 删除几个元素 var drr = [10, 21, 33, 67, 59]; drr.splice(1, 3);// 从第几个索引开始， 删除几个元素 console.log("TCL: drr", drr) // TCL: drr (2) [10, 59] // 使用splice 高级用法： var err = [3, 8, 9, 13, 17, 22]; err.splice(3, 1, 150, 300, 500, 2000); console.log("TCL: err", err) // TCL: err (9) [3, 8, 9, 150, 300, 500, 2000, 17, 22] // 从第几个索引开始， 先删除几个元素， 然后从当前位置开始插入第3个参数后面所有的数字 （有多少数据就往后写） // 6. 数组.sort() // 它是以ASCII的值为标准进行从小到大的排序（取第一位的第一个字符的ASCII码） var frr = [10, 7, 31, 21, 17, 5, 10, "AF", "AG"]; frr.sort(); console.log("TCL: frr", frr) // TCL: frr (9) [10, 10, 17, 21, 31, 5, 7, "AF", "AG"] // ASCII码常用值： A：65 a: 97 0: 48 // 7. 数组.concat(要拼接的数组) var grr = [1, 5, 3, 6]; var hrr = ["hello", "world"]; var xinArr = hrr.concat(grr); // 特别注意：拼接后返回一个全新的数组 console.log("TCL: xinArr", xinArr) // TCL: xinArr (6) ["hello", "world", 1, 5, 3, 6] // 8. 数组元素反转 var irr = [9, 12, 3, 7, 1]; var xArr = irr.reverse(); // 注意：它会返回一个全新的数组 console.log("TCL: xArr", xArr) // TCL: xArr (5) [1, 7, 3, 12, 9] // 9. 数组元素截取 var arr9 = [9, 12, 3, 7, 1]; var xArr9 = arr9.slice(0,3); // 请注意，arrayObject.slice(start,end)该方法并不会修改数组，而是返回一个子数组。 start 到 end （不包括该元素） console.log("TCL: xArr9", xArr9) // TCL: xArr9 (3) [9, 12, 3] // 10. 数组中的所有元素放入一个字符串。 var arr10 = ['jack', 'mark', 'alice']; var xArr10 = arr10.join(); // 请注意，arrayObject.join(separator), separator 可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。 console.log("TCL: xArr10", xArr10) // TCL: xArr10 jack,mark,alice </script> </body> </html>https://blog.csdn.net/xinghuo0007/article/details/70552319?utm_source=blogxgwz5
