P19 数组基础操作
Posted runmoxin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了P19 数组基础操作相关的知识，希望对你有一定的参考价值。
数组在JS中是非常常用的， 但是和Java等高级编程语言有所不同。
在JS中数组是一个Array 对象， 用于在变量中存储多个值。
数组的常用操作有很多， 我们下面讲分组介绍一些常用的方法：
1、添加和删除元素
push() 向数组末尾添加新的数组项，返回值新数组的长度，原数组改变；
pop() 删除数组最后一项，没有参数，返回值删除项，原数组改变；
unshift() 向数组开头位置添加，返回值是新数组的长度，原数组改变；
shift() 删除数组第一项，没有参数，返回值删除项，原数组改变；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组基础</title> <script> /* 本小结的重点是讲数组基础相关的知识: 1. 数组的创建 var arr = [1,2,3,4,5,6]; var arr1 = new Array(1,2,3,4,5,6); */ var arr = [1,2,3,4,5,6]; var arr1 = new Array(1,2,3,4,5,6); console.log(arr.length); // 6 console.log(arr1.length); // 6 // 下面的例子说明了数组的length属性是可以设置或修改的 // 我们可以利用这个特性, 快速的清空一个数组 arr.length = 3; arr1.length = 0; console.log(arr.length); // 3 console.log(arr1.length); // 0 // 数组的添加, 删除元素的操作 arr.push("张三");// push从尾部添加元素的操作 arr.push("李四"); arr.unshift("小二");// unshift是从头部添加元素的操作 arr.unshift("唯一"); console.log(arr); arr1 = [1,2,3,5,4]; var a = arr1.pop(); console.log(a); // 删除数组的最后一个元素: 4 a = arr1.shift(); console.log(a); // 删除数组中的第一个元素: 1 </script> </head> <body> </body> </html>
2、splice（）方法的介绍
splice(n,m) 从索引n开始，删除m个，返回值以数组的形式返回删除项（没有m的话，删除到最后）；
splice(0) 原数组清空，返回一个和原来一样的新数组；
splice(n,m,z) 从索引n开始，删除m个，把z添加到删除的位置；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组基础</title> <script> var arr = [1,2,3,4,5,6]; // 从下标为2(起点)的位置, 删除三个元素, 并起点位置开始, 依次添加12,15,16三个元素 // 注意splice()方法额的返回值是被删除的元素组成的新的数组 var a = arr.splice(2, 3,12, 15, 16); console.log(a); console.log(arr); // 当只有一个参数的时候, 代表的是从该下标位置删除到末尾 arr = [1,2,3,4,5,6]; arr.splice(3); console.log(arr); // 当有两个参数的时候, 第一个参数是起点位置下标, 第二个参数代表的是要删除的元素的个数 arr = [1,2,3,4,5,6]; arr.splice(3, 2); console.log(arr); </script> </head> <body> </body> </html>
3、slice（）方法的介绍
slice(n,m) 从索引n开始，查找到索引m处，不包含m,将查找到的以新数组返回，原数组不变；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组基础</title> <script> var arr = [1, 2, 3, 4, 5, 6]; // slice(n,m) 从索引n开始，查找到索引m处，不包含m,将查找到的以新数组返回，原数组不变； var a = arr.slice(2, 5); console.log(a); console.log(arr); // slice(n) 从索引n开始，查找到末尾,将查找到的以新数组返回，原数组不变； var a = arr.slice(2); console.log(a); console.log(arr); </script> </head> <body> </body> </html>
4、concat 方法的介绍
concat 数组的拼接，不改变数组，返回最终连接好的新数组；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组基础</title> <script> var a = [1, 2, 3]; var b = [4,5,6]; // 注意, 括号内的数组会拼接到a的后面 var c = a.concat(b); console.log(c); </script> </head> <body> </body> </html>
5、toString（）方法的介绍
数组换为字符串：不改变原数组；
6、join（）方法的介绍
把数组的所有元素放入一个字符串。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组基础</title> <script> var a = [1, 2, 3]; var b = [4,5,6]; // 注意, 括号内的数组会拼接到a的后面 var c = a.concat(b); console.log(c); // join()方法的返回值是一个字符串 // 意思就是讲数组中的元素取出, 中间以--拼接成字符串 var str = c.join(‘--‘); console.log(str); </script> </head> <body> </body> </html>
参考文档
https://www.runoob.com/jsref/jsref-obj-array.html
以上是关于P19 数组基础操作的主要内容，如果未能解决你的问题，请参考以下文章