创建数组

访问数组和数组的长度

数组的相关方法

创建数组

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

访问数组和数组的长度

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>访问数组和数组的长度</title>
</head>
<body></body>
<script>var arr = ["zhangsan",1,"lisi"];//通过索引获取数据
    alert(arr[0]);//数组长度
    alert(arr.length);
</script>
</html>

 数组的相关方法

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>数组的相关方法</title>
</head>
<body></body>
<script>var arr = ["zhangsan", "lisi", "wangsu", "sunliu"];//1:join: 将数组元素按照指定的分隔符进行分隔,返回字符串/*var newArr = arr.join(" ! ");document.write(newArr);*///2:concat:链接数组元素或者数组到当前数组中,返回新数组/*var arr2 = ["wangba","ajiu"];var arr3 = ["wangba2","ajiu2"];//    var newArr = arr.concat("tianqi","wangba");           //添加多个数组元素//    var newArr = arr.concat(arr2,arr3);                   //添加多个数组var newArr = arr.concat("tianqi",arr2);                 //同时添加数组元素和数组document.write(newArr);*//*//3:push:在数组的末尾添加一个或多个数组元素//    var newArr = arr.push("tianqi");                  //,返回值为新数组的长度arr.push("tianqi","rinima");document.write(arr);*//*//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:数组排序//    var newArr = arr.sort();//    document.write(newArr);function sortNumber(a,b) {                  //给下边代码处理9的问题return a - b;}var arr = [98,34,54,78,23,9];var newArr = arr.sort(sortNumber);document.write(newArr);*//*//8:reverse:数组倒序排列var newArr = arr.reverse();document.write(newArr);*//*//9:splice:删除或添加数组元素:返回被删除的元素// 1:从那个元素开始进行删除// 2:删除的数量// 3:进行填补的数据var newArr = arr.splice(1, 1, "tianqi");//(位置(为负值,从数组尾部开始删除),删除几个,填补的元素)document.write(newArr);document.write("<br>");document.write(arr);*///10: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>

转载于:https://www.cnblogs.com/haloxinghong/p/7309695.html

JS之数组 创建数组 访问数组和数组的长度 数组的相关方法相关推荐

  1. 【PHP基础-6】PHP数组的创建、访问及遍历实例解析

    目录 1 数组简介 2 一维数组的创建.访问和遍历 2.1 数组的创建 2.2 数组的访问 2.3 数组的遍历 3 多维数组的创建与访问 4 预定义超全局数组变量 5 数组内置函数 6 归纳 参考文章 ...

  2. java二维数组的创建,java二维数组创建方法

    java动态创建二维数组,从零学java笔录-第31篇 图解二位数组在内存中存储,java二维数组动态赋值,java二维数组创建方法 二维数组的定义 type arrayName[ ][ ]; typ ...

  3. 计算payload长度c语言,C语言0长度数组(可变数组/柔性数组)详解

    1 零长度数组概念 众所周知, GNU/GCC 在标准的 C/C++ 基础上做了有实用性的扩展, 零长度数组(Arrays of Length Zero) 就是其中一个知名的扩展. 多数情况下, 其应 ...

  4. C语言0长度数组(可变数组/柔性数组)详解

    CSDN GitHub C语言0长度数组(可变数组/柔性数组)详解 AderXCoding/language/c/zero_length_array 本作品采用知识共享署名-非商业性使用-相同方式共享 ...

  5. 前端:JS/20/数组(数组的概念,数组元素,数组索引,数组元素的访问,数组的长度,数组的创建方法,数组的操作,实例:使用数组保存个人信息,实例:求数组所有值的平均值,数组对象的length属性)

    数组 1,数组的概念 一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...

  6. JS day_07(5.16)创建和访问数组 、 数组的常用方法、二维数组

    一.检测属性是否存在 对象.属性名===undefined false->存在 ture->不存在 对象.hasOwnProperty('属性名') ture->存在 false-& ...

  7. Unit05: 创建和访问数组 、 数组的常用方法_1

    1.数组: 程序=数据结构+算法: 数据:变量... 算法:if if-else switch 循环........ 好的数据结构,可极大提高程序的执行"效率":相关的多个数据应集 ...

  8. 反射学习4-通过反射机制动态创建和访问数组

    一.前言 java.lang.reflect.Array类提供了动态创建和访问数组元素的各种静态方法. static Object    newInstance(Class<?> comp ...

  9. java jsonnode 创建_如何在Java中访问JsonNode的JSON字段,数组和嵌套对象?

    一个JsonNode是杰克逊的树模型为JSON,它可以读取JSON成JsonNode实例,写一个JsonNode出来JSON.通过创建ObjectMapper实例并调用readValue()方法,使用 ...

最新文章

  1. 揭开Windows XP 系统安全模式的密秘
  2. 剑指offer:树的子结构
  3. 图像滤波与OpenCV中的图像平滑处理
  4. 分析rss/xml结构附带源码【原创】
  5. mysql配置修改记录_mysql设置修改时间,更新记录当前时间
  6. 46. 避免 CSS 表达式(7)
  7. paddle2.0实现DNN(minst数据集)
  8. ZZULIOJ1051-1055Python解法
  9. 老毛子(Padavan)路由器解锁网易云灰色音乐
  10. android图片资源加载和异常
  11. Udacity数据分析(入门)-探索美国共享单车数据
  12. 网易2018校园招聘编程题真题集合
  13. 【动态规划】2只鸡蛋与100层塔问题(有详细说明和思路代码)
  14. 公众号怎么做意见反馈菜单_公众号菜单怎么添加意见反馈表
  15. 用Python破解有道翻译反爬虫机制
  16. Robbers' watch【Codeforces 686 C】【DFS】
  17. LInux上返回到切换目录前的目录
  18. Linux 字体微调 - windows 效果版
  19. vue后台系统管理项目-openlayers地图定位、港口数据标记功能
  20. Project Professional安装:Windows Installer(MSI)与即点即用

热门文章

  1. 微信小程序开发09 开放数据:微信生态帮助业务快速落地
  2. LLVM WEEKLY系列停止转载
  3. 用setTimeout来实现setInterval
  4. Photoshop---Wacom手绘板绘画画变成了拖动,根本不能画画
  5. DOS攻击和DDOS攻击之间有什么区别?
  6. lect01_codes03_eg梯度下降
  7. python机器学习之SVM分类预测电芯状态
  8. pytorch深度学习基础(九)——深入浅析卷积核
  9. 阿里的互联网三高架构是真的牛!腾讯百度根本模仿不来
  10. 【python】pygame实现植物大战僵尸小游戏(附源码 有注释)