1,JS数组的创建:
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr3= Array[] //定义一个空数组; var arr4=Array[1,2,3] //定义一个数组并赋值; </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
2,JS中数组常用的函数
a.instanceof : 判断是不是数组
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3]; console.log(arr instanceof Array);//返回true; </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
b.Array.pop 删除原数组最后一个元素,并且返回这个元素
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3,4,5]; var arr1=arr.pop() console.log(arr1); //返回5 console.log(arr); //返回1,2,3,4 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
c.Array.shift : 删除数组第一个元素,并且返回第一个元素
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3,4,5]; var arr1 =arr.shift(); console.log(arr1); //返回1 console.log(arr); //返回2,3,4,5 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
d.Array.push()向数组末尾添加一个或多个元素,并返回新的长度
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3,4,5]; var arr1 =arr.push(6,7); console.log(arr1); //返回新的长度:7 console.log(arr); //返回1,2,3,4,5,6,7 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
e. Array.unshift() : 在数组开头添加一个或多个元素,并返回新的长度
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3,4,5]; var arr1 =arr.unshift(6,7); console.log(arr1); //返回新的长度:7 console.log(arr); //返回6,7,1,2,3,4,5 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
f. Array.reverse() 将原数组中的元素顺序颠倒;
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array[1,2,3,4,5]; var arr1 =arr.reverse(); console.log(arr); //返回5,4,3,2,1 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
g.Array. splice: 从数组中添加/删除项目,然后返回被删除的项目
语法: array.splice(index,howmany,item1,.....,itemX)
参数:
index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany:必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, …, itemX: 可选。向数组添加的新项目。
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3,4,5,6); var arr1=arr.splice(1,2); console.log(arr1); //返回2,3 </script> </body> </html>
删除并添加:
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3,4,5,6); var arr1=arr.splice(1,2,99);// 从下标1开始删除2个,并添加99; console.log(arr); //返回1,99,4,5,6 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
不删除只添加;
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3,4,5,6); var arr1=arr.splice(0,0,99);//不删除,只添加99; console.log(arr); //返回99,1,2,3,4,5,6 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
h.Array.sort : 对数组元素进行排序,并返回这个数组;
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3,4,5,6); var arr1=arr.splice(0,0,99);//不删除,只添加99; var arr2=arr.sort(); console.log(arr); //返回99,1,2,3,4,5,6,99 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
h.Array.concat : 合并两个或多个数组,返回一个新数组;
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3); var arr1=Array(4,5);; var arr2=arr.concat(arr1); console.log(arr2); //返回1,2,3,4,5,6 </script> </body> </html>
i.IndexOf : 判断某个元素在数组中是否存在;并返回其下标
实例
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"></head> <body> <script> var arr=Array(1,2,3,4,5); console.log(arr.IndexOf(6)); //返回4 </script> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例