数组的方法

1.concat():连接两个或多个数组

2.indexOf(arg):

​ 查找数组中的arg元素,如果没有,则返回-1,如果有,则返回该元素的最小下标

​ lastIndexOf(arg):

​ 查找数组中的arg元素,如果没有,则返回-1,如果有,则返回该元素的最大下标

3.join();将数组中的内容拼接成字符串返回,默认是以分号分割的,可以指定分割符号

4.pop();删除数组的最后一个元素,并将删除的元素返回

5.push();向数组的末尾添加一个或更多元素,并返回添加后的长度

6.reverse();反转数组

7.shift();删除并返回数组的第一个元素

8.slice();选取数组的一部分,并返回一个新数组,如果有两个参数a, b,则返回下标a到b的内容[a, b),包含下标a,不包含下标b,如果只有一个参数,则返回下标a到数组结束的内容

9.splice();向数组中添加或删除元素,如果只含有两个参数,则第一个是表示从第几个下标开始删除,第二个是表示需要删除几个值,如果后面还有内容,则表示添加到数组的内容,如果只添加不删除,则令第二个值为0

10.sort();数组排序,默认是以ask码排序

下面是一些数组方法的测试

		var arr1 = [1, 2, 3, 4];
var arr2 = [5, 6, 7, 8];
var arr3 = [1, 2, 3, 4];
// ===========concat
var arr = arr1.concat(arr2, arr3);
console.log(arr);
// ============indexOf
var index = arr.indexOf(1);
console.log(index);
// ============lastIndexOf
var index1 = arr.lastIndexOf(1);
console.log(index1);
// ============join
var str = arr.join("--");
console.log(str);
// =============pop
var str1 = arr.pop();
console.log(str1);
// ============push()
console.log(arr.length);
var num = arr.push(2, 45, 199);
console.log(num);
// ===========reverse()
console.log(arr);
arr.reverse();
console.log(arr);
// ===========shift()
var num1 = arr.shift();
console.log(num1);
// ============slice()
console.log(arr);
var str2 = arr.slice(6, 8);
console.log(str2);
// ============splice()
console.log(arr);
arr.splice(1, 4);
console.log(arr);
arr.splice(1, 0, 34, 43);
console.log(arr);
// ============sort()
// sort直接排序不是按照数字的大小进行的,所以在使用sort排序是需要进行处理
var arr4 = [34, 12, 32, 54, 9, 10, 11, 21, 45, 6];
var arr5 = arr4.sort();
console.log(arr5);
var arr6 = arr4.sort(function(a, b) {
// return a - b; //指定按数字从小到大排序
return b - a; //指定按数字从大到小排序
});
console.log(arr6);
	// 数组中元素为对象,通过对象的age对数组进行排序
var arr = [
{
name: "xiaoming",
age: 28,
study: function() {
console.log("学习JavaScript");
}
},
{
name: "zhangsan",
age: 20,
study: function() {
console.log("学习Html");
}
},
{
name: "lishi",
age: 156,
study: function() {
console.log("学习css");
}
}
]
var arr1 = arr.sort(function (a, b) {
return a.age - b.age;
});
console.log(arr1);

javascript中数组的方法的更多相关文章

  1. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

  2. 前端面试之JavaScript中数组的方法!【残缺版!!】

    前端面试之JavaScript中数组常用的方法 7 join Array.join()方法将数组中所有元素都转化为字符串并连接在-起,返回最后生成的字 符串.可以指定一个可选的字符串在生成的字符串中来 ...

  3. JavaScript中数组map()方法

    JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果.语法 ? 1 array.map(callback[, thisObject]); 下面是参数的 ...

  4. javascript中数组的方法你真的都了解吗?

    本篇文章主要讲述ES5中的数组,包括数组两种创建方式,属性,以及 9 大类 ,总共23个操作方法,非常全面,看完之后ES5数组这一部分基本都了解了,下一篇文章,我会讲述ES6中对数组的加成,新增了哪些 ...

  5. JavaScript 中数组 sort() 方法的基本使用

    在日常的代码开发中,关于数组排序的操作可不少,JavaScript 中可以调用 sort 方法对数组进行快速排序. 今天,就数组的 sort 方法来学习一下,避免日后踩坑的悲惨遭遇. 概念 sort ...

  6. JavaScript中数组的方法总结

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^var arr = new Array();arr[0] = "aaa";arr[1] ...

  7. JavaScript中数组迭代方法(jquery)

    var arr = [1,2,4,5,6]; //1.forEach(让数组中的每一项做一件事)arr.forEach(function(item,index){    console.log(ite ...

  8. JavaScript中数组的方法和字符串方法总结

    数组是首先的一个对象, 可以通过Array构造器创建一个数组,数组方法总结如下 cacat()  链接两个数组 join()  将数组链接成字符串 pop() 删除最后一个元素  shift()  删 ...

  9. JavaScript中数组迭代方法

    文章来源 : https://www.cnblogs.com/shuiyi/p/5058524.html

随机推荐

  1. 想要开发自己的PHP框架需要那些知识储备?

    作者:安正超链接:https://www.zhihu.com/question/26635323/answer/33812516来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...

  2. git中如何撤销部分修改?

    以提问中修改了两个文件a.b为例,假设需要撤销文件a的修改,则修改后的两个文件: 1.如果没有被git add到索引区 git checkout a 便可撤销对文件a的修改 2.如果被git add到 ...

  3. k8s简单的来部署一下tomcat,并测试自愈功能

    前言: 2018年12月6日 今天终于把k8s运行tomcat打通了,耗了我几天时间一个一个坑踩过来,不容易啊,废话不多说. 先记录一些操作时的错误: <<<<<< ...

  4. Bean的自动装配

    再说自动装配之前,我们先聊一聊什么是手动装配. 手动装配就是我们在先前讲的那些,要自己给定属性,然后赋值 Spring IOC容器可以自动装配Bean,需要做的仅仅实在<bean>的aut ...

  5. Spring boot 的自动配置

    Xml 配置文件 日志 Spring Boot对各种日志框架都做了支持,我们可以通过配置来修改默认的日志的配置: #设置日志级别 logging.level.org.springframework=D ...

  6. 关于mysql主从架构master宕机后,请求转移问题解决办法

    mysql架构:一主一从 问题一:有两台mysql数据库,已做好主从.如果运行某一天master服务器mysql故障导致前端请求无法处理怎么办? 答:将前端需要数据库处理的请求转移到slave机上. ...

  7. Python——Django-settings.py的内容

    一.HTML路径设置 #所有和HTML路径相关的设置都在这里 TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTem ...

  8. ORACLE表数据误删除的恢复方法(提交事务也可以)

    ORACLE表数据误删除的恢复方法(提交事务也可以) 缓存加时间戳 开启行移动功能:ALTER TABLE tablename ENABLE row movement 把表还原到指定时间点:flash ...

  9. Magento 2 Error: A technical problem with the server created an error. Try again to continue what you were doing. If the problem persists, try again later.

    有时在Magento上进行调试会很烦人,特别是如果出现了一些问题,而不是在你实际编写代码时. 这是Magento管理面板上发生的事情.截至目前,它可能是三个原因之一,让我们讨论一下: 1.管理员密码 ...

  10. Magento 2 创建 Widget

    Widget是一个更好的工具,可以将内容插入或编辑到CMS页面块或页面中. 什么是小部件? 小部件是Magento 2配置中的强大功能.作为商店管理员,您可以利用小部件来改善生动界面下的店面.小部件允 ...