澳门威利斯人_威利斯人娱乐「手机版」

来自 澳门威利斯人 2019-08-24 15:54 的文章
当前位置: 澳门威利斯人 > 澳门威利斯人 > 正文

JavaScript中Array对象用法实例总结,Array对象详解

本文实例叙述了JavaScript中Array对象用法。分享给大家供大家参谋,具体如下:

JavaScript中Array对象用法实例计算,javascriptarray

澳门威尼斯人网站,正文实例叙述了JavaScript中Array对象用法。分享给大家供大家参谋,具体如下:

Array数组对象有广大常用的格局和天性,现总计如下:

  1. length属性,获取数组相月素的个数。

  2. concat()方法,连接五个数组。将四个数组连接起来。示比方下:

    var names= new Array('Jack','Tom','Jim'); var ages= new Array(12,32,44); var concatArray; concatArray=names.concat(ages);

此处的concatArray正是真名数组与年纪数组构成的新数组。

  1. slice()方法,获取数组中的部分数组成分。

相似有几个参数,第二个代表起先地方,第二个代表甘休地方(类似于substring)。值得注意的是截取的数组成分位于第3个参数地方之前。也正是说,若是第一个参数为4,就表示截取到第多少个数组成分此前。

4. join()方法,将数组转化成字符串。这几个措施是javascript的点子,在jQuery中也时不经常用到。示比如下:

var myShopping=new Array("eggs","apple","milk");
var myShoppingList = myShopping.join("<br>");
document.write(myShoppingList);

这里的myShoppingList就成了字符串,内容为"eggs<br>apple<br>milk";

5. sort()方法,对数组中的成分实行排序,已首字母的各个实行排列,由小到大。

  1. reverse()方法,对数组中的元素进行翻转,前后掉个头。

例如将sort()方法与reverse()方法结合,就会落得逆序排列的法力。

也正是先排序,再翻个,那样就高达逆序的成效了。

上边是三个小汇总的事例:

<script type='text/javascript'>
  var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");
  var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));
  switch(ord)
  {
    case 1:
    myShopping.sort();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    case -1:
    myShopping.sort();
    myShopping.reverse();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    default:
    document.write("That not a valid input.");
    break;
  }
</script>

这一个小例子正是选择了数组对象中的排序方法和扭转方法以及join方法的小示例。假若输入为1就打开顺序排列并出口,假诺为-1就实行逆序排列并出口。

更加多关于JavaScript相关内容感兴趣的读者可查阅本站专项论题:《JavaScript数组操作手艺总计》、《JavaScript遍历算法与技巧计算》、《JavaScript数学生运动算用法总计》、《JavaScript数据结构与算法技术总括》、《JavaScript切换特效与手艺总括》、《JavaScript查找算法技艺计算》、《JavaScript动画特效与技艺汇总》及《JavaScript错误与调治手艺总括》

但愿本文所述对我们JavaScript程序设计有所扶助。

本文实例陈诉了JavaScript中Array对象用法。分享给大家供我们参谋,具体如下: Array数组对象有...

正文介绍了Js的Array 数组对象,具体内容如下

Array数组对象有过多常用的措施和性质,现计算如下:

目录 1. 介绍:介绍 Array 数组对象的表明、定义格局以及质量。

  1. length属性,获取数组桐月素的个数。

  2. concat()方法,连接七个数组。将五个数组连接起来。示比如下:

  1. 实例方法:介绍 Array 对象的实例方法:concat、every、filter、forEach、indexOf、join、lastIndexOf、map、pop、push、reverse、shift、slice、sort、splice、toString、tounshift等。

  2. 静态方法:介绍 Array 对象的静态方法:Array.isArray()。

  3. 实操:对 Array 实行身先士卒操作:索引、for遍历、浅度复制、深度复制等操作。

var names= new Array('Jack','Tom','Jim');
var ages= new Array(12,32,44);
var concatArray;
concatArray=names.concat(ages);

 一. 介绍
1.1 说明

这里的concatArray就是姓名数组与年龄数组结合的新数组。

      数组是值的有序集中。各个值叫做三个要素,而各类成分在数组中有贰个地点,以数字代表,称为索引。JavaScript数组是无类型:数组成分得以是随便档期的顺序,并且同贰个数组中的不一样因素也说不定有例外的品类。 --《JavaScript权威指南(第六版)》 

  1. slice()方法,获取数组中的部分数组成分。

1.2 定义方式

诚如有四个参数,第三个象征开头地点,第2个象征甘休地方(类似于substring)。值得注意的是截取的数组成分位于第二个参数地方此前。也正是说,假若第一个参数为4,就意味着截取到第八个数组成分此前。

var names = new Array("张三", "李四", "王五");
//或者
var names = ["张三", "李四", "王五"];

4. join()方法,将数组转化成字符串。这一个方法是javascript的不二等秘书技,在jQuery中也平日用到。示比方下:

1.3 属性

var myShopping=new Array("eggs","apple","milk");
var myShoppingList = myShopping.join("<br>");
document.write(myShoppingList);

length:表示数组内的成分长度。

此间的myShoppingList就成了字符串,内容为"eggs<br>apple<br>milk";

二. 实例方法 常用方法:

5. sort()方法,对数组中的成分举行排序,已首字母的逐个举办排列,由小到大。

1) unshift() :在数组尾部插入成分

  1. reverse()方法,对数组中的成分实行翻转,前后掉个头。

2) shift() :移除并回到数组的第贰个因素

假如将sort()方法与reverse()方法结合,就会完成逆序排列的法力。

3) push() :在数组尾部插入成分

也正是先排序,再翻个,这样就直达逆序的功用了。

4) pop() :移除并重返数组的末段一个要素

下边是二个小汇总的事例:

2.1 concat() :把成分衔接到数组中。不会修改原先的array,重临新的数组

<script type='text/javascript'>
  var myShopping = new Array("Eggs","Milk","Potatoes","Banana","Cereal");
  var ord = parseInt(prompt("Enter 1 for alphabetical order,and -1 for reverse order",1));
  switch(ord)
  {
    case 1:
    myShopping.sort();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    case -1:
    myShopping.sort();
    myShopping.reverse();
    myShopping = myShopping.join("<br>");
    document.write(myShopping);
    break;
    default:
    document.write("That not a valid input.");
    break;
  }
</script>

参数:

其一小例子正是利用了数组对象中的排序方法和扭转方法以及join方法的小示例。倘诺输入为1就张开顺序排列并出口,如若为-1就进行逆序排列并出口。

①value1,value2.....valueN :任性多个值

越来越多关于JavaScript相关内容感兴趣的读者可查看本站专项论题:《JavaScript数组操作技术计算》、《JavaScript遍历算法与手艺计算》、《JavaScript数学运算用法计算》、《JavaScript数据结构与算法技能计算》、《JavaScript切换特效与技巧总计》、《JavaScript查找算法本领总计》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调整技术总括》

返回值:

企望本文所述对我们JavaScript程序设计具备协理。

{Array} 三个新的数组,包括原先的Array和新参预的要素。

您大概感兴趣的篇章:

  • JavaScript Array对象详解
  • javascript类型系统 Array对象学习笔记
  • 详解JS中Array对象扩充与String对象扩大
  • JavaScript数组Array对象增删成分方法总括
  • JavaScript Array对象扩充indexOf()方法
  • 以JSON情势将JS中Array对象数组传至后台的方法
  • js Array对象的扩张函数代码
  • JavaScript中的Array对象使用验证
  • js对象之JS入门之Array对象操作小结
  • javascript Array对象使用小结
  • JS Array对象入门剖判

示例:

var demoArray = ['a', 'b', 'c'];
var demoArray2 = demoArray.concat('e');
console.log(demoArray); // => demoArray:['a','b','c'] 原数组不发生变更
console.log(demoArray2); // => ['a','b','c','e']

2.2 every() :依次遍历成分,推断各样成分是不是都为true

参数:

①function(value,index,self){} :种种成分都会选用此函数剖断是还是不是为true,当决断到贰个为false时,马上甘休遍历。

  value :数组遍历的要素

  index :元素序号

  self :Array本身

返回值:

{Boolean} :唯有每一个成分都为true才重回true;只要多个为false,就回来false。

示例:

var demoArray = [1, 2, 3];
var rs = demoArray.every(function (value, index, self) {
 return value > 0;
});
console.log(rs); // => true

2.3 filter() :依次遍历成分,重回富含符合条件成分的新的数组

参数:

①function(value,index,self){} :种种成分依次调用此函数,重返包蕴符合条件成分的新的数组。

  value :数组遍历的因素

  index :成分序号

  self :Array本身

返回值:

{Array} 八个带有符合条件成分的新的数组

示例:

var demoArray = [1, 2, 3];
var rs = demoArray.filter(function (value, index, self) {
 return value > 0;
});
console.log(rs); // => [1, 2, 3]

2.4 forEach() :依次遍历成分,实施钦命的函数;无重回值

参数:

①function(value,index,self){} :每种成分依次调用此函数

  value :数组遍历的要素

  index :成分序号

  self :Array本身

返回值:无

示例:

var demoArray = [1, 2, 3];
demoArray.forEach(function (value, index, self) {
 console.log(value); // => 依次输出:1 2 3
});

2.5 indexOf() :在数组中寻觅相称成分。若不设有非凡的要素时,就回去-1。查找的时候使用"==="运算符,所以要有别于1和'1'

参数:

①value :要在数组中查找的值。

②start :开头查找的序号地点,假若简单,则为0.

返回值:

{Int} :再次回到数组中率先个相配value的序号,若荒诞不经,再次来到-1

示例:

['a', 'b', 'c'].indexOf('a'); // =>0
['a', 'b', 'c'].indexOf('a', 1); // =>-1
['a', 'b', 'c'].indexOf('d'); // =>-1
[1, 2, 3].indexOf('1'); // => -1 :采用的'==='匹配方式

2.6 join() :将数组中持有因素通过一个相间符拼接为三个字符串

参数:

本文由澳门威利斯人发布于澳门威利斯人,转载请注明出处:JavaScript中Array对象用法实例总结,Array对象详解

关键词: 澳门威利斯人