数组

创建数组的基本方式有两种:

1、使用 Array构造函数

语法:new Array()

小括号( )说明:

(1)预先知道数组要保存的项目数量

(2)向Array构造函数中传递数组应包含的项

2、使用数组字面量表示法

由一对包含数组项的方括号[ ]表示,多个数组项之间以逗号隔开。

读取和设置值时,使用方括号[ ]并提供相应的索引

说明:索引是从0开始的正整数

//创建一个空的数组
var color = new Array();
//给数组赋值
color[0] = 'red';
color[1] = 'yellow';
color[2] = 'green';
console.log(color);
//创建时赋值,方法一
var nums = new Array(1,3,57);
console.log(nums);
//创建时赋值,方法二
var info = [6,'job',99]
console.log(info)
//取值,用索引
console.log(info[1])

结果:

["red", "yellow", "green"]
[1, 3, 57]
[6, "job", 99]
job

数组长度

语法:array.length

功能:获取数组array的长度

返回值:number

说明:

1、通过设置length可以从数组的末尾移除项或向数组中添加新项。

2、当把一个值放在超出当前数组大小的位置上时,数组就会重新计算其长度值,长度值等于最后一项的索引加1。

var arr = ['a','b','c','d']
console.log(arr.length); //数组的长度
arr.length = 2; //数组的长度保留前两个,其余的删掉
console.log(arr);
arr[99] = 100;
console.log(arr.length);//最后一项的索引为99,所以长度为100

结果:

4
["a", "b"]
100
数组的遍历
var arr = ['a','b','c','d']
for (var i=0;i<arr.length;i++){
console.log(arr[i])
}

push和unshift

push语法:

arrayObject.push(newele1,newele2,....,neweX)

功能:

把它的参数顺序添加到 arrayObject 的尾部。

返回值:

把指定的值添加到数组后的新长度。

unshift语法:

arrayObject.unshift(newele1,newele2,....,neweX)

功能:

把它的参数顺序添加到 arrayObject 的开头。

返回值:

把指定的值添加到数组后的新长度。

//push
var color = new Array('red','green');
var len = color.push('blue','yellow');
console.log(color);
console.log(len);
//unshift
var num = [2,7,8,6];
var size = num.unshift(99,66);
console.log(num)

结果;

["red", "green", "blue", "yellow"]
4
[99, 66, 2, 7, 8, 6]

pop和shift

pop语法:

arrayObject.pop()

功能:

删除 arrayObject 的最后一个元素

返回值:

被删除的那个元素

shift语法:

arrayObject.shift()

功能:

删除 arrayObject中的第一个元素

返回值:

被删除的那个元素

//pop
var color = new Array('red','green');
var n = color.pop();
console.log(n);
console.log(color); //shift
var num = [2,7,8,6];
var m = num.shift();
console.log(m);
console.log(num);

结果:

green
["red"]
2
[7, 8, 6]

join

语法:

arrayObject.join(separator)

功能:

用于把数组中的所有元素放入一个字符串。

返回值:字符串。

var nums = [2,4,5];
var numstr = nums.join(); //默认,分隔
console.log(numstr);
var words = ['left','right','top'];
var wordstr = words.join('-');
console.log(wordstr);

结果:

2,4,5
left-right-top

reverse

语法:

stringObject.reverse()

功能:

用于颠倒数组中元素的顺序。

返回值:数组。

var num = [2,7,8,6];
num.reverse();
console.log(num);

结果:

[6, 8, 7, 2]

小练习:

给一个数组strs = ['a','b','c','d'];,返回dcba

var strs = ['a','b','c','d'];
var newstr = strs.reverse().join('');
console.log(newstr);

sort

语法:

arrayObject.sort(sortby)

功能:

用于对数组的元素进行排序。

返回值:数组。

说明:

1、即使数组中的每一项都是数值,sort()方法比较的也是字符串。

2、sort()方法可以接收一个比较函数作为参数。

var arr = [5,76,34,52,99,-3,56];
//默认
arr.sort()
//降序
arr.sort(function (a,b) {return b-a});
//升序
arr.sort(function (a,b) {return a-b});
console.log(arr)

concat

语法:

arrayObject.concat(arrayX,arrayX,......,arrayX)

功能:

用于连接两个或多个数组。

返回值:

数组。

var arr1 = ['1','43','e'],
arr2 = ['a','b','c',88],
arr3;
arr3 = arr1.concat(arr2,['77','mm']);
console.log(arr3);

结果:

["1", "43", "e", "a", "b", "c", 88, "77", "mm"]

slice

语法:

arrayObject.slice(start,end)

功能:

从已有的数组中返回选定的元素。

参数:

start (必需)规定从何处开始选取,如果是负数,那么它规定从数组尾部开始算起的位置。

end(可选)规定从何处结束选取,该参数是数组片断结束处的数组下标。

说明:

1、如果没有指定end,那么切分的数组包含从 start 到数组结束的所有元素。

2、如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置

返回值:数组

var colors = ['red','green','blue','yellow'];
var newColor = colors.slice(1,3);
console.log(newColor);

结果:

["green", "blue"]

splice

splice可以删除数组项,增加数组项,替换数组项。

删除

语法:

arrayObject.splice(index,count)

功能:

删除从 index 处开始的零个或多个元素。

返回值:

含有被删除的元素的数组。

说明:

count是要删除的项目数量,如果设置为 0,则不会删除项目。

如果不设置,则删除从index开始的所有值。

var strs = ['a','b','c','d','e','f','g'];
var delstr = strs.splice(2,2);
console.log(delstr);
console.log(strs);

结果:

["c", "d"]
["a", "b", "e", "f", "g"]
插入:

语法:

arrayObject.splice(index,0,item1,.....,itemX)

功能:

在指定位置插入值

参数:

Index:起始位置

0:要删除的项数

item1…itemX:要插入的项

返回值:数组

var strs = ['a','b','c','d','e','f','g'];
var insertArr = strs.splice(3,0,'mmmm','nnnn','kkkk');
console.log(insertArr);
console.log(strs);

结果:

[]
["a", "b", "c", "mmmm", "nnnn", "kkkk", "d", "e", "f", "g"]
替换:

语法:

arrayObject.splice(index,count,item1,.....,itemX)

功能:

在指定位置插入值,且同时删除任意数量的项

参数:

Index:起始位置

count:要删除的项数

item1…itemX:要插入的项

返回值:从原始数组中删除的项(如果没有删除任何项,则返回空数组)

var strs = ['a','b','c','d','e','f','g'];
var replacesttr = strs.splice(1,2,'XX','YY','ZZ');
console.log(replacesttr);
console.log(strs);

结果:

["b", "c"]
["a", "XX", "YY", "ZZ", "d", "e", "f", "g"]

indexOf

语法:

arrayObject.indexOf(searchvalue,startIndex)

功能:

从数组的开头(位置0)开始向后查找。

参数:

searchvalue:必需,要查找的项;

startIndex:可选,起点位置的索引。

返回值:

number,查找的项在数组中的位置,没有找到的情况下返回-1。

var nums = [2,4,6,8,89,322,7,6,21];
var num1 = nums.indexOf(6);
console.log(num1);
var num2 = nums.indexOf(88);
console.log(num2);
var num3 = nums.indexOf(6,3);
console.log(num3);

结果:

2
-1
7

lastIndexOf

语法:

arrayObject.lastIndexOf(searchvalue,startIndex)

功能:

从数组的末尾开始向前查找。

参数:

searchvalue:必需,要查找的项;

startIndex:可选,起点位置的索引。

返回值:

number,查找的项在数组中的位置,没有找到的情况下返回-1。

var nums = [2,4,6,8,89,322,7,6,21];
var num1 = nums.lastIndexOf(6);
console.log(num1);
var num2 = nums.lastIndexOf(88);
console.log(num2);
var num3 = nums.lastIndexOf(6,3);
console.log(num3);

结果:

7
-1
2

JavaScript -- 内置对象数组的更多相关文章

  1. document和javaScript内置对象

    1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getEl ...

  2. javascript 内置对象及常见API

    javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置 ...

  3. JavaScript进阶 - 第7章 JavaScript内置对象

    第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的, ...

  4. JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装

    知识点梳理 课堂讲义 1.JavaScript面向对象 1.1.面向对象介绍 在 Java 中我们学习过面向对象,核心思想是万物皆对象. 在 JavaScript 中同样也有面向对象.思想类似. 1. ...

  5. Javascript 笔记与总结(2-4)Javascript 内置对象

    ① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. c ...

  6. JavaScript内置对象与原生对象【转】

    原文:https://segmentfault.com/a/1190000002634958 内置对象与原生对象 内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化 ...

  7. 第7天-javascript内置对象

    数组相关方法 concat 用来连接多个数组 <script> var a = [1,2,3]; var b = [3,4,5]; var c = a.concat(b); console ...

  8. javascript内置对象:Date

    JavaScript内置函数:Date时间<script>    var today=new Date();    weeks=["日","一",& ...

  9. JavaScript内置对象与原型继承

    (一)   理解JavaScript类定义 1>关于内置对象理解 console.log(Date.prototype.__proto__===Object.prototype    //tru ...

随机推荐

  1. yii2之使用ueditor

    代码效果: 1.去github下载yii2高级版ueditor扩展 2.将下载的扩展放入  /common/widgets 中(目录如图所示) 3.在视图中的代码 <?=common\widge ...

  2. PHP 数字补零 固定位数补0

    在处理订单编号的时候,需要固定位数的数字,比如需要固定四位数格式: 1->0001 56->0056 288->0288 1992->1992 可以使用php内置函数str_p ...

  3. appium自动化测试框架——在python脚本中执行dos命令

    一般我们运行dos命令,会有两种需求,一种是需要收集执行结果,如ip.device等:一种是不需要收集结果,如杀死或开启某个服务. 对应的在python中就要封装两种方法,来分别实现这两种需求. 1. ...

  4. react父组件调用子组件方法

    把子组件的参数回传到父组件中,并且赋值给子组件的一个实例方法. 参考React中文网: http://www.css88.com/react/docs/refs-and-the-dom.html im ...

  5. Python简易购物车程序

    2019年5月24日,是我离开北京回学校的日子.我退了组的房子,辞了工作,带着对小秋香不舍回家,这匆匆一别,不知何时才是归期. 这几天都疏于学习,因为每一天我都会和她找点有意思的事情来做,如果这一别就 ...

  6. SpringMVC之一个简单的例子

    一.一个简单的例子 二.web.xml文件配置 三.spring-mvc.xml文件(等同于struts2的struts文件) 四.login.jsp(登录页面) 五.登录成功的页面(success. ...

  7. windows installer cleanup utility - Windows下卸载神器

    https://windows-installer-cleanup-utility.soft32.com

  8. [bzoj 1758] 重建计划

    bzoj 1758 重建计划 题意: 给定一棵有边权的树和两个数 \(L, R (L\leq R)\),求一条简单路径,使得这条路径经过的边数在 \(L, R\) 之间且路径经过的边的边权的平均值最大 ...

  9. applicationContext中普通数据源不用jndi数据源

    applicationContext.xml <?xml version="1.0" encoding="UTF-8"?> <beans xm ...

  10. HDU 1114 Piggy-Bank 完全背包 dp

    http://acm.hdu.edu.cn/showproblem.php?pid=1114 完全背包的题目,要求输出最小价值.然后一定要把给出的背包重量全部用完. 就是问一个背包为k的大小,n件物品 ...