数组常用的方法:

x.toString()方法:任何对象都有toString方法。

             将任何对象转为字符串。

        一般不主动调用,系统在需要时自动调用

x.valueOf()方法:同toString()  基本完全一样。

var str = arr.join("分隔符"):将数组转为字符串。但是可以自定义分隔符!  默认符号为逗号

用法:将字符拼接为单词或句子。  固定用法:  chars.join('');

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var chars=['H','e','l','l','o'];
var str=chars.join('');
document.write(chars+"<br/>");
document.write(str+"<br/>");
</script>
</body>
</html>

var newArr = arr.concat(元素值,[数组],.......):将参数拆散成单个元素,追加到数组中。

*不会修改原数组,只能返回新数组对象*

实例:需要一个newArr接住连接后的数组  不会修改原数组
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var arr1=[1,2,3];
var arr2=[12,23,123];
var newArr = arr1.concat(arr2);
document.write(newArr);
</script>
</body>
</html>

var subArr = arr.slice(start,end+1);

截取数组下标 从start开始,到end位置的元素,生成子数组对象。

*含头不含尾*

实例如下所示:  注意含头不含为尾。 要想截取最后的那个 需要最后那个+1,要不取不到最后那个。
截取的语法是:  var subArr=arr.slice(start,end+1);

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var arr1=[1,2,3];
var arr2=[12,23,123];
var newArr = arr1.concat(arr2,31);
document.write(newArr+"<br/>");
// newArr 1, 2, 3, 12, 23, 123, 31
// [0][1][2] [3] [4] [5] [6]
//截取下标为2 ——下标为4的。
//截取的语法是: var subArr=arr.slice(start,end+1);
var subArr=newArr.slice(2,4+1);
document.write(subArr);
</script>
</body>
</html>

截取倒数第几个,实例如下:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var arr1=[1,2,3];
var arr2=[12,23,123];
var newArr = arr1.concat(arr2,31);
document.write(newArr+"<br/>");
// newArr 1, 2, 3, 12, 23, 123, 31
// [0][1][2] [3] [4] [5] [6]
//截取下标为2 ——下标为4的。
//截取的语法是: var subArr=arr.slice(start,end+1);
var subArr=newArr.slice(2,4+1);
document.write(subArr+"<br/>"); //倒数第2个,到倒数第4个
subArr=newArr.slice(-4,-2+1);
//倒数第4个,倒数第2个
document.write(subArr);
</script>
</body>
</html>

arr.splice:删除,插入,替换!

删除数组元素:arr.splice(start,count);     在任意位置开始后,删除任意个。

替换输入元素:arr.splice(start,count,值1,值2);

插入元素:arr.splice(start,0,值1,值2);

返回每次删除元素组成的新数组。

arr.splice实例如下:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var arr1=[1,2,3];
var arr2=[12,23,123];
var newArr = arr1.concat(arr2,31);
document.write(newArr+"<br/>"); newArr.splice(2,2);//仅删除
newArr.splice(2,2,5,5,5); //先删除,再原位置插入 --相当于替换
newArr.splice(2,0,12,12,12); //插入 仅在2位置插入
document.write(newArr+"<br/>");
</script>
</body>
</html>

arr.reverse():   颠倒所有数组元素。更改元素值。不负责排序。

arr.sort(): 默认升序排列。  默认都转为字符串排序!

JS 数组常用的方法的更多相关文章

  1. js数组常用添加方法有两种

        //头部     //this.list.unshift({name:this.itemName,date:new Date()});     //尾部         this.list.p ...

  2. js数组常用操作方法小结(增加,删除,合并,分割等)

    本文实例总结了js数组常用操作方法.分享给大家供大家参考,具体如下: var arr = [1, 2, 3, 4, 5]; //删除并返回数组中第一个元素 var theFirst = arr.shi ...

  3. JS 开发中数组常用的方法

    大家有没有想过,js数组为什么会有这么多的方法,没错,就是为了不同场景下处理数据的需要,就像设计模式一样,都是为了能更好的处理当前场景的需要. 首先怎么创建一个数组呢, // 两种方式 // 1,构造 ...

  4. js 数组常用的一些方法

    数组可以说是js经常会遇到的数据结构,以下我们对数组进行详细的学习! 一.数组的创建 var mycars = new Array(): || new Array(3);  || new Array( ...

  5. js 数组常用的操作函数整理

    平时多做企业应用开发,抱着实用为主,对前端技术理解得比较肤浅,下面就是肤浅地对 js 数组的属性和方法及对它操作的 jquery 方法做些记录: js 数组是 js 内建的一个非常强大数据类型,由于 ...

  6. javascript中数组常用的方法

    在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法.数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'. ...

  7. js数组去重的方法(转)

    JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...

  8. js数组高阶方法reduce经典用法代码分享

    以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要 ...

  9. javascript中数组常用的方法和属性

    前言 在javascript中,数组是一种非常重要的数据类型,我们时常会和它打交道,最近在开发项目中频繁的使用到数组,但是自己对数组的众多方法已经是非常模糊了,为了方便自己以后能够更好的使用数组中的属 ...

随机推荐

  1. 【资料收集】QT 环境安装配置

    (很详细,极力推荐) [OpenCV] -- win7下配置OpenCV的Qt开发环境 - 代码人生 - 博客频道 - CSDN.NET  http://blog.csdn.net/qiurisuix ...

  2. Oracle 12c新特性

    转载自:Oracle 12c新特性(For DBA) 一: Multitenant Architecture (12.1.0.1)      多租户架构是Oracle 12c(12.1)的新增重磅特性 ...

  3. log4j 输出原始数据到指定日志文件

    项目中需要将上传的数据输出到指定的log文件,之前对log4j缺少深入认识,普遍将整个应用的日志到输出到一个文件. 在经理的帮助下,业务数据可以直接输出到指定的log文件,现将配置及使用流程整理一下. ...

  4. mysql数据库存储引擎及区别

    MySQL有多种存储引擎,每种存储引擎有各自的优缺点,可以择优选择使用:MyISAM.InnoDB.MERGE.MEMORY(HEAP).BDB(BerkeleyDB).EXAMPLE.FEDERAT ...

  5. 十三. Python基础(13)--生成器进阶

    十三. Python基础(13)--生成器进阶 1 ● send()方法 generator.send(value) Resumes the execution, and "sends&qu ...

  6. http 协议三次握手

    HTTP是超文本传输协议,信息是明文传输.TPC/IP协议是传输层协议,主要解决数据如何在网络中传输.HTTP是应用层协议,主要解决如何包装数据. [HTTP与TCP/IP]和其他的协议在最初OSI模 ...

  7. 推荐内置android控件的开源项目alcinoe

    开源地址:https://github.com/Zeus64/alcinoe 该控件包,含以下几个控件: 1.基于OpenGL实现的视频播放器 ALVideoPlayer. ALVideoPlayer ...

  8. 2019-03-21-day016-正则表达式

    昨日内容回顾 基本数据类型 编码 流程控制 文件操作 函数-内置函数 装饰器 常用模块: 序列化模块 随机数模块 os模块 sys模块 时间模块 hashlib collections re 1天半 ...

  9. react native 之 获取键盘高度

    多说不如多撸: /** * Created by shaotingzhou on 2017/2/23. *//** * Sample React Native App * https://github ...

  10. 【Python】创建xml文档

    #练习:创建xml文档 import xml.dom.minidom import codecs   #在内存中创建一个空的文档 doc = xml.dom.minidom.Document()   ...