使用Array创建数组

  1.     // 使用Array 构造函数
  2. var colors = new Array();
  3.  
  4. // 预先给数组项数量
  5. var colors = new Array(20);
  6.  
  7. // 向Array构造函数传递数组中应该包含的项
  8. var colors = new Array("red", "blue", "green");
  9.  
  10. // 创建包含"Greg"的数组
  11. var names = new Array("Greg");//只有一个项
  12.  
  13. // 在使用构造函数的时候,可以省略new操作符
  14. var names = Array("Greg");

 使用字面量的方式创建 以及 读取操作

  1. var colors = ["red", "blue", "green"];
  2.  
  3. var names = []; //空数组
  4.  
  5. var values = [2, 3,] //这样会造成创建一个2或3项的数组 因为字面量最后面的逗号
  6.  
  7. // 要读取和设置数组时,要使用方括号和基于0的索引值
  8. var colors = ["red", "blue", "green"];
  9. console.log(colors[0]); //显示red
  10. colors[2] = "black"; //修改第三项
  11. colors[3] = "brown"; //增加第四项
  12.  
  13. colors.length = 2;//colors length 属性设置成2
  14. console.log(colors[3]);//undefined
  15.  
  16. // 利用length添加新项
  17. var colors = ["red", "blue", "green"];
  18. colors[colors.length] = "black"; //索引值3加第四项
  19. colors[colors.length] = "brown"; // 索引值4加第五项

 检测数组 instanceof操作符 和Arrey.isArray()方法

  1. if (value instanceof Array) {};//受限是只有一个全局作用环境
  2.  
  3. if (Array.isArray(value)) {};//最终确定是不是数组,而不需要管是哪个全局环境中创建的 ie9+

数组的转换 toString() ValueOf()

  1. // toString() 和 valueOf() 区别
  2. var arr = [1, 2, 3];
  3. alert(arr.valueOf());//alert的时候会调用toString() 弹出字符串
  4. console.log(Array.isArray(arr.valueOf()));//true
  5. console.log(Array.isArray(arr.toString()));//false

数组的转换  join() 方法 

  1. var number = 1337;
  2. var date = new Date();
  3. var myArr = [number, date, 'foo'];
  4. var str = myArr.toLocaleString();
  5. console.log(myArr.join("|"));//1337|Thu Aug 31 2017 14:17:55 GMT+0800 (中国标准时间)|foo
  6. //join()方法可以用不同的分隔符构建字符串

toLocalString() 根据本地时间把Date对象转换为字符串

  1. var d = new Date();
  2. document.write(d + "<br />");//Thu Aug 31 2017 13:05:35 GMT+0800 (中国标准时间)
  3. document.write(d.toLocaleString() + "<br />");//2017/8/31 下午1:05:35
  4. var born = new Date("July 21 1983 01:15:00");
  5. document.write(born.toLocaleString()); //1983/7/21 上午1:15:00

  

关于Array的操作的更多相关文章

  1. 前端深入之js篇丨Array数组操作从入门到成神Up Up Up,持续更新中

    写在前面 随着前端深入的不断学习,发现数组这个数据结构在前端中有着相当大的存在感,由于我初学前端的时候并没有系统性的学习数组,所以我将通过这篇文章同你一起学习数组,希望我们能一起进步,学会熟练操作数组 ...

  2. javascript中Array的操作

    concat(组合数组) join(数组转字符串) pop(删除最后一个元素) shift(删除第一个元素) push(在数组尾部添加新元素) unshift(在数组头部添加新元素) slice(不改 ...

  3. JS数组(Array)操作汇总

    1.去掉重复的数组元素.2.获取一个数组中的重复项.3.求一个字符串的字节长度,一个英文字符占用一个字节,一个中文字符占用两个字节.4.判断一个字符串中出现次数最多的字符,统计这个次数.5.数组排序. ...

  4. Numpy中array数据操作

    1.创建: import numpy as np arr=np.array([1,2,3]) print(arr,arr.ndim) list=[1,2,3] arr=np.array(list) 2 ...

  5. js数组操作总结

    1.数组的检测 ECMAScript3    if(value instanceof Array){ //执行操作 }    假定单一全局环境,如果网页存在多个框架,多个window,Array具有不 ...

  6. enum操作--获取枚举里的最大值

    一个应用系统,如果程序里没有任何enum的使用,我认为它的可读性是有待商榷的. 求枚举里的最大/最小枚举值, 其实是对Array进行操作: enum EnumTest { ddd = , eee } ...

  7. JavaScript中的Array

    Array类型是ECMAScript 用的最多的类型了,ECMAScript中的数组每一项可以保存任何类型的数据,也就是说,数组的第一个项保存字符串,用第二个保存数值,用第三个位置来保存对象.二千数据 ...

  8. php 封装mysql 数据库操作类

    <?phpheader('content-type:text/html;charset=utf-8');//封装mysql   连接数据库php_mysql//封装mysql   连接数据库ph ...

  9. JavaScript NodeList和Array

    原文引用脚本之家作者:Jeff Wong,谢谢大神提供资源 在Web前端编程中,我们通常会通过document.getElementsByTagName或者document.getElementsBy ...

随机推荐

  1. HTML-★★★格式与布局fixed/absolute/relative/z-index/float★★★

    很多网页都存在一个悬浮的操作条或者广告区,无论如何上下滚动网页,操作条或广告区都不会动,这个就是div制作,位置锁定在屏幕指定位置,现在我们就学习下网页的格式与布局. position 位置,来给di ...

  2. C++下混合编译c语言方法总结

    最近在读SGI STL源码,感觉对C++的学习很有帮助,之前对于泛型.iterator.traits等等各种特性的概念非常模糊,通过这两天的琢磨,再加上<STL 源码剖析>的帮助,对C++ ...

  3. (转)使用LVS实现负载均衡原理及安装配置详解

    使用LVS实现负载均衡原理及安装配置详解 原文:https://www.cnblogs.com/liwei0526vip/p/6370103.html

  4. VMware Workstation pro14 虚拟机下安装CentOS6.5图文教程

    1 启动VMware的画面 2.点击 创建新的虚拟机 3 选择 典型(推荐) 4 选择 稍后安装操作系统 5 选择客户机操作系统类型 6 设置虚拟机名称 和 安装路径 7 指定磁盘容量 8 点击 自定 ...

  5. dll和so文件区别与构成

    http://www.cnblogs.com/likwo/archive/2012/05/09/2492225.html 动态链接,在可执行文件装载时或运行时,由操作系统的装载程序加载库.大多数操作系 ...

  6. [Unity3D]Shader编程之动态屏幕遮罩

    转载 https://blog.csdn.net/u012741077/article/details/78425834 屏幕可视范围跟随目标物体移动,可修改可视范围大小,边缘渐变大小.以及遮罩颜色, ...

  7. html中文乱码(解决办法)

    在head标签中加上以下代码即可: <head>     <meta http-equiv="Content-Type" content="text/h ...

  8. Handling of asynchronous events---reference

    http://www.win.tue.nl/~aeb/linux/lk/lk-12.html 12. Handling of asynchronous events One wants to be n ...

  9. [转]Newtonsoft JSON how to dynamically change the date format?

    本文转自:http://www.howtobuildsoftware.com/index.php/how-do/cg8K/jsonnet-newtonsoft-json-how-to-dynamica ...

  10. vue加载Element ui地址省市区插件-- element-china-area-data

    1.安装 npm install element-china-area-data -S 2.使用(引入) import { provinceAndCityData, regionData, provi ...