认识数组主要从以下几个方面去认识,一:数组具备什么样的特性,二:它能做什么,三:它具备哪些常用的api方法

          //数组的原始表示方式
/*
数组的特性:1有长度,2以0开头
*/
var arr1 = new Array(1,2,5,4);//等价于 var arr1 = [1,2,3,4];
console.log("arr1="+arr1,"arr1的长度"+arr1.length,"arr1[0]="+arr1[0],"arr1[1]="+arr1[1]);
//1:向数组中添加元素
arr1[4] = "b";
console.log("arr1="+arr1);
//2:利用push()向数组末尾添加一个元素
arr1.push("xixi");
console.log(arr1);//[1, 2, 3, 4, "b", "xixi"]
//3:删除数组的最后一个元素
arr1.pop();
console.log(arr1);//[1, 2, 3, 4, "b"]
//4:向数组中首位添加一个数字
arr1.unshift("哈哈");
console.log(arr1);//["哈哈", 1, 2, 3, 4, "b"]
//5:删除数组中的第一个
arr1.shift();//删除数组中的第一个
console.log(arr1);//[1, 2, 3, 4, "b"]
/*6:判断该数组是否是某个对象*/
if(arr1 instanceof Array){
console.log("arr1是存在于Array对象所造出来的");//true
};
//7将数组变成字符串
arr1.toString();//数组会变成以","分隔的字符串
console.log("arr1变成字符串:"+arr1);//arr1变成字符串:1,2,3,4,b
          //8 delete arr1[0]
          delete arr1[0]; //会删除数组0的位置,但arr[0]=undefined,数组的整个长度不变

  以上主要讲到了数组两种表示方法,var arr = new Array()或者 var arr = [];数组索引由下标以0开始索引,具有长度length属性。

  数组的增删方法:push(向数组的最后一个添加),pop()删除数组的最后一个元素,shift()删除数组的第一个元素,unshift()向数组的第一个值添加。

  A instanceof  B  :主要是判断A是否由B对象。

  

  判断一个数组中元素中所在的位置,arr.indexOf("1"),如该元素"1"所在数组0位置,则会返回0,如该元素不存在数组中,则返回-1

          var bgColor = ["red","green","blue"];
var numArr = bgColor.valueOf();
console.log(numArr);
var t = bgColor.indexOf("green");//返回一个
console.log("green所在数组中的位置:"+t); var b = bgColor.join(",");//将数组以,分隔
console.log(b);//red,green,blue //排序
arr1.sort(function(a,b){
return b-a;//如果b-a>0 则以倒序,从大到小的方式排列,如b-a<0,则以小到大的方式排列
});
function compare(a,b){
if(a<b){
return 1;
}else if(a>b){
return -1
}else{
return 0;
}
};
console.log("compare="+arr1.sort(compare));
console.log(arr1);
//倒序reverse
arr1.reverse();//倒序
console.log("reverse后数组的值:"+arr1); //concat()方法,连接连个数组
var strArr1 = ["red","green","blue"];
var strArr2 = ["1","2","3"];
var newStr = strArr1.concat(strArr2);
var newStr2 = strArr1.concat("ss",["呵呵","嘿嘿"]);
console.log("concat"+newStr2);
console.log(newStr); //数组中的slice方法
//slice(a),当只有一个参数时,则以该位置开始,以数组的最后一个长度结束
//slice(a,b)当有两个参数时,以a为开始,b为结束
var strArr1_1 = strArr1.slice(1);
var strArr1_2 = strArr1.slice(2);
console.log(strArr1_1);//["green", "blue"]
console.log(strArr1_2);//["blue"]
var strArr1_3 = strArr1.slice(1,3);
console.log(strArr1_3);//["green", "blue"]
console.log("=====slice(-1)=====");
var strArr1_31 = strArr1.slice(-1);//slice(a)----当为一个参数时且为负数,则从右往左-1,代表一个,-2代表2个
console.log(strArr1_31);
console.log("=====slice(-1)=====");
console.log("=====slice(-2,-1)=====");
var strArr1_32 = strArr1.slice(-2,-1);
console.log(strArr1_32);//green
console.log("====slice(-2,-1)===");
//splice(start,end)截取以start开头,以end结束
var strArr1_4 = strArr1.splice(0,1);
console.log("strArr1_4 "+strArr1_4);//["red"]
console.log(strArr1);
var strArr1_5 = strArr1.splice(1,2);
console.log(strArr1_5);
var strArr1_6 = strArr1.splice(-1,2);
console.log(strArr1);
console.log(strArr1_6); //indexOf("xxx")返回该元素下标所在数组中的位置 var t = newStr2.indexOf("ss");
console.log(t);//3 var strArrs = ["平安夜","没有苹果吃","好悲剧"];
var number = [1,2,4,5,6,8,9,3];
/*
strArrs.forEach(function(a,b){
a:数组中具体的值
b:为索引
})
*/
strArrs.forEach(function(value,i){
console.log(value+"===="+i);
});
strArrs.forEach(function(item,index,arry){
//console.log(item);//具体元素
//console.log(index);
console.log(index);//索引下标值
});
//map 返回运行中的每一个值
var tnum = number.map(function(value,i){
return value*2;
});
console.log("tnum==="+tnum);//tnum===2,4,8,10,12,16,18,6
var filter = number.filter(function(value,i,arr){
return value>5;
});
console.log(filter);//[6, 8, 9]
var sum = number.reduce(function(prev,next,index,arr){
//console.log(prev);
//console.log(next);
return prev*next
});
console.log("sum="+sum);

  关于slice():

var arr = ["a","b","c","d"]
undefined
arr.slice(0,2)
["a", "b"]
arr
["a", "b", "c", "d"]
arr.slice(-1)
["d"]
arr.slice(1,2)
["b"]
arr.slice(1,3)
["b", "c"]
arr.slice(-1,3)
[]
arr
["a", "b", "c", "d"]

关于数组Arry的一些基本认识的更多相关文章

  1. 数组(Arry)几个常用方法的详解

    join() 方法用于把数组中的所有元素放入一个字符串.元素是通过指定的分隔符进行分隔的. arrayObject.join(separator)separator 可选.指定要使用的分隔符.如果省略 ...

  2. 数组Arry的随机排序

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  3. ruby中数组的常用方法----例子

    #初始化 a = Array.new p a #=>[] a = Array.new(5) p a #=>[nil, nil, nil, nil, nil] a = Array.new(5 ...

  4. c语言中数组相关问题

    c语言中数组相关问题: 1.数组基本定义: 相同数据类型的元素按一定顺序排列的集合,就是把有限个类型相同的变量用一个名字命名,然后用编号区分他们的变量的集合,这个名字称为数组名,编号称为下标.组成数组 ...

  5. 【java】一维数组

    数组概念: 同一种类型数据的集合,实际数组也是一个容器. 定义方式: //定义方法1:元素类型 [] 数组名 =new 元素类型 [数组元素个数或数组长度] 如 int [] arry =new in ...

  6. java中 列表,集合,数组之间的转换

    java中 列表,集合,数组之间的转换 java中 列表,集合,数组之间的转换 java中 列表,集合,数组之间的转换 List和Set都是接口,它们继承Collection(集合),集合里面任何数据 ...

  7. Java 中数组的遍历方式

    数组对于每一门编程语言来说都是重要的数据结构之一,当然不同语言对数组的实现及处理也不尽相同. Java 语言中提供的数组是用来存储固定大小的同类型元素. 今天我们就来说一下在java中遍历数组都有哪几 ...

  8. java基本类型、数组、和枚举类型

    开始之前先吐槽一下,学艺不精,面试要吃大亏,出来混迟早要还的. 别的不说了,从零开始复习基础知识 1.标识符和关键字 意义:标识符用于对变量.类.和方法的命名.规范的标识符命名可以提高程序的可读取性. ...

  9. Javascript中数组的定义和常见使用方法

    一.定义数组 1.定义数组 var arry=[1,2,'小名',false] //var 数组名=[值1,值2,...] 2.设置数组长度 arry.length=10 //数组长度设置为10 二. ...

随机推荐

  1. C#防止反编译

    http://blog.csdn.net/wangpei421/article/details/42393095 http://www.cnblogs.com/tianguook/archive/20 ...

  2. 6个强大的AngularJS扩展应用

    本文链接:http://www.codeceo.com/article/6-angularjs-extension.html本文作者:码农网 – 小峰 AngularJS现在非常热门,是Google推 ...

  3. ssh 发现了error while loading shared libraries这种错

    在Linux下运行程序时,发现了error while loading shared libraries这种错误,一时间不知道解决办法,在网上搜索,终于解决了: ./tests: error whil ...

  4. Spring事务配置的五种方式

    Spring配置文件中关于事务配置总是由三个组成部分,分别是DataSource.TransactionManager和代理机制这三部分,无论哪种配置方式,一般变化的只是代理机制这部分. DataSo ...

  5. ngCordova

    参见:http://blog.csdn.net/Luo_xinran/article/details/52164480 ngCordova是基于Cordova封装的AngularJS的调用本地设备接口 ...

  6. matlab 车牌分割的算法

    function Touying(g) f=rgb2gray(g); % [m n]=size(f); [row col]=size(f); % T=graythresh(f) % T=T*255 % ...

  7. js加解密

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. javascript中日期格式与时间戳之间的转化

    日期格式与时间戳之间的转化 一:日期格式转化为时间戳 function timeTodate(date) { var new_str = date.replace(/:/g,'-'); new_str ...

  9. javascript函数原型理解

    一.当引用一个对象的属性时,若该对象没有此属性,则会查找该对象的原型,若原型上存在该属性,则返回该属性. <script type="text/javascript"> ...

  10. Cookie实现商品浏览记录--方式二:JS实现

    使用Cookie实现商品浏览记录:方式二:JS方法实现cookie的获取以及写入.当某一个产品被点击时,触发JS方法.利用JS方法判断一下,此产品是否在浏览记录中.如果不存在,则将产品ID加入到coo ...