JS 数组常用的方法
数组常用的方法:
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 数组常用的方法的更多相关文章
- js数组常用添加方法有两种
//头部 //this.list.unshift({name:this.itemName,date:new Date()}); //尾部 this.list.p ...
- js数组常用操作方法小结(增加,删除,合并,分割等)
本文实例总结了js数组常用操作方法.分享给大家供大家参考,具体如下: var arr = [1, 2, 3, 4, 5]; //删除并返回数组中第一个元素 var theFirst = arr.shi ...
- JS 开发中数组常用的方法
大家有没有想过,js数组为什么会有这么多的方法,没错,就是为了不同场景下处理数据的需要,就像设计模式一样,都是为了能更好的处理当前场景的需要. 首先怎么创建一个数组呢, // 两种方式 // 1,构造 ...
- js 数组常用的一些方法
数组可以说是js经常会遇到的数据结构,以下我们对数组进行详细的学习! 一.数组的创建 var mycars = new Array(): || new Array(3); || new Array( ...
- js 数组常用的操作函数整理
平时多做企业应用开发,抱着实用为主,对前端技术理解得比较肤浅,下面就是肤浅地对 js 数组的属性和方法及对它操作的 jquery 方法做些记录: js 数组是 js 内建的一个非常强大数据类型,由于 ...
- javascript中数组常用的方法
在JavaScript中,数组可以使用Array构造函数来创建,或使用[]快速创建,这也是首选的方法.数组是继承自Object的原型,并且他对typeof没有特殊的返回值,他只返回'object'. ...
- js数组去重的方法(转)
JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...
- js数组高阶方法reduce经典用法代码分享
以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要 ...
- javascript中数组常用的方法和属性
前言 在javascript中,数组是一种非常重要的数据类型,我们时常会和它打交道,最近在开发项目中频繁的使用到数组,但是自己对数组的众多方法已经是非常模糊了,为了方便自己以后能够更好的使用数组中的属 ...
随机推荐
- 微信和支付宝支付模式详解及实现(.Net标准库)
支付基本上是很多产品都必须的一个模块,大家最熟悉的应该就是微信和支付宝支付了,不过更多的可能还是停留在直接sdk的调用上,甚至和业务系统高度耦合,网上也存在各种解决方案,但大多形式各异,东拼西凑而成. ...
- Linux下IP的存储位置
在linux下,配置多个IP的话,通常是eth0... eth0. ..eth0.x等等, 那么如果要配置大量的IP呢,这么配置也是可以的,但是繁琐,虽说这种情况很少. 对于添加大量IP,有一定规定的 ...
- Ant在Java项目中的使用(一眼就看会)
参考:http://www.cnblogs.com/zhengqiang/p/5557155.html Ant是跨平台的构建工具,它可以实现项目的自动构建和部署等功能.在本文中,主要让读者熟悉怎样将A ...
- 第三组 通信一班 030 IPv6 RIPng (PT)
实验拓扑 地址规划 设备 接口 IPV6 地址/掩码 PC0 / 2001:DB8:30:2:201:42FF:FE8A:7688/64 PC1 / 2001:DB8:30:1:230:A3FF:F ...
- Linux学习 : Socket 网络编程入门
一.socket()函数 int socket(int domain, int type, int protocol); domain:即协议域,又称为协议族(family).常用的协议族有,AF_I ...
- DevExpress ASP.NET v18.2新功能详解(四)
行业领先的.NET界面控件2018年第二次重大更新——DevExpress v18.2日前正式发布,本站将以连载的形式为大家介绍新版本新功能.本文将介绍了DevExpress ASP.NET Cont ...
- DevExpress WinForms v18.2新版亮点(二)
行业领先的.NET界面控件2018年第二次重大更新——DevExpress v18.2日前正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了DevExpress WinForms v1 ...
- Android开发---如何操作资源目录中的资源文件4 ---访问xml的配置资源文件的内容
Android开发---如何操作资源目录中的资源文件4 XML,位于res/xml/,这些静态的XML文件用于保存程序的数据和结构. XmlPullParser可以用于解释xml文件 效果图: 描述: ...
- 数位DP详解
算法使用范围 在一个区间里面求有多少个满足题目所给的约束条件的数,约束条件必须与数自身的属性有关 下面用kuangbin数位dp的题来介绍 例题 不要62 题意:在一个区间里面求出有多少个不含4和6 ...
- 2.28 查看webdriver API
2.28 查看webdriver API(带翻译) 前言 前面都是点点滴滴的介绍selenium的一些api使用方法,那么selenium的api到底有多少呢?本篇就教大家如何去查看seleni ...