收藏
批改状态：合格
老师批语：好好利用好控制台, 提升学习效率
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>
点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
