zoukankan      html  css  js  c++  java
  • JS学习记录(数组)

    数组
    <html lang="en"> <head> <meta charset="UTF-8"> <title>数组</title> </head> <body> </body> <script> /*var arr = new Array(); /!*1.创建一个大小不确定的数组*!/ arr[0] = "zhangsan"; arr[1] = "lisi"; arr[2] = "wangwu"; for (i = 0; i < arr.length; i++) { alert(arr[i]); }*/ var arr = new Array(2); /*2.创建一个大小确定的数组,超出也可以*/ arr[0] = "zhangsan"; arr[1] = "lisi"; arr[2] = "wangwu"; for (i = 0; i < arr.length; i++) { alert(arr[i]); } /*3.创建数组的同时插入数据*/ /* var arr = new Array("zhangsan", "lisi", "wangwu");*/ /*4.字面量*//*最好的方法,推荐*/ var arr = ["zhangsan", "lisi", "wangwu"]; </script> </html>

    结果图:

    访问数组
    <html lang="en"> <head> <meta charset="UTF-8"> <title>访问数组</title> </head> <body> </body> <script> var arr = ["zhangsan",1,"wangwu"]; /*通过索引获取数据*/ alert(arr[2]); alert(arr.length); </script> </html>

    结果图:

    数组的相关方法
    <html lang="en"> <head> <meta charset="UTF-8"> <title>数组的相关方法</title> </head> <body> </body> <script> var arr = ["zhangsan","lisi","wangwu","sunliu"]; /*1:join:将数组元素按照指定的分割符进行分隔,返回字符串*/ // var newArr = arr.join(" | "); /*2:concat:连接数组元素或者数组到当前数组中,返回新数组*/ // var arr2 = ["wangba","baijiu"]; // var arr3 = ["wangba2","baijiu2"]; // var newArr = arr.concat("tianqi","wangba");/*添加多个数组元素*/ // var newArr = arr.concat(arr2,arr3);/*添加多个数组*/ // var newArr = arr.concat(arr2,"tianqi");/*同时添加数组元素和数组*/ /*3:push:在数组的末尾添加一个或多个数组元素,返回值为新数组长度*/ // var newArr = arr.push("tianqi","wangba"); /*4:pop:删除并返回数组的最后一个元素*/ // var deletedEle = arr.pop(); // document.write(deletedEle); // document.write("<br>"); // document.write(arr); /*5:shift:删除并返回数组的第一个元素*/ // var deletedEle = arr.shift(); // document.write(deletedEle); // document.write("<br>"); // document.write(arr); /*6:unshift:在头部插入数组元素,返回数组的长度*/ // var newArr = arr.unshift("dianxiaoer"); // document.write(newArr); // document.write(arr); /*7:sort:数组排序*/ // var newArr = arr.sort(); // document.write(newArr); // function sortNumber(a,b) { // return a - b; // } // // var arr = [97,98,89,56,73,10,9]; // var newArr = arr.sort(sortNumber); // document.write(newArr); /*8:reverse:数组倒序*/ // var newArr = arr.reverse(); // document.write(newArr); /*1:splice:删除或者添加数据 * 1:从那个元素开始删除 * 2:删除的数量 * 3:进行填补的数据*/ var newArr =arr.splice(1,1); document.write(newArr);
    /*2:slice:用来从数组中截取数据
    * 1:截取的起点索引(包含)
    2:截取的终点索引(不包含) 如果不填写,默认截取到最后一个*/
    // var result = arr.slice(-1); /*截取最后一个*/
    // var result = arr.slice(1); /*截取第二个到最后一个*/
    // var result = arr.slice(1,3); /*截取第二个到第三个*/
    // document.write(result);
    // document.write("<br>");
    // document.write(arr);
    </script> </html>

    结果图:

  • 相关阅读:
    二维码跳转不同的 app store
    HTML 保存图片到本地
    HTML5 的一些小的整理吧
    Echarts 3.19 制作常用的图形 非静态
    word2010设置页码起始位置及前后页码不同的方法
    经struts2中的action后,jsp中css失效的问题
    在Linux和Windows下配置MyEclipse+Tomcat+JDK的一些问题
    MyEclipse自动退出问题解决办法
    (转)java web建议学习路线
    Linux中MyEclipse+tomcat遇到的问题
  • 原文地址:https://www.cnblogs.com/lizuowei/p/7327558.html
Copyright © 2011-2022 走看看