JavaScript -- 时光流逝(二):js中数组的方法
JavaScript -- 知识点回顾篇(二):js中数组的方法
1. 数组
(1)定义数组,数组赋值
<script type="text/javascript">
//赋值的方法1:添加任意多的值
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1); //赋值的方法2:使用一个整数自变量来控制数组的容量
var arr2 = new Array(3);
arr2[0]='小胡子2';
arr2[1]='中胡子2';
arr2[2]='大胡子2';
alert(arr2);
</script>

(2)数组的方法
concat(): 连接两个或更多的数组,并返回结果。
<script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1'; var arr2 = new Array();
arr2[0]='小胡子2';
arr2[1]='中胡子2';
arr2[2]='大胡子2'; var arrConcat = arr1.concat(arr2); alert(arrConcat);
</script>

join(): 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
<script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1.join());
</script>

pop(): 删除并返回数组的最后一个元素
<script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1);
alert(arr1.pop());
alert(arr1);
</script>

push(): 向数组的末尾添加一个或更多元素,并返回新的长度。
<script type="text/javascript">
var arr1 = new Array();
arr1[0]='小胡子1';
arr1[1]='中胡子1';
arr1[2]='大胡子1';
alert(arr1);
alert(arr1.push("特大胡子1"));
alert(arr1);
</script>

reverse(): 颠倒数组中元素的顺序。
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = 'F';
arr1[1] = 'A';
arr1[2] = 'C';
alert(arr1);
alert(arr1.reverse());
</script>

shift(): 删除并返回数组的第一个元素
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子1';
arr1[1] = '中胡子1';
arr1[2] = '大胡子1';
alert(arr1);
alert(arr1.shift());
alert(arr1);
</script>

slice(): 从某个已有的数组返回选定的元素
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1);
alert(arr1.slice(1,3));
</script>

sort(): 对数组的元素进行排序
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = 'F';
arr1[1] = 'A';
arr1[2] = 'C';
alert(arr1);
alert(arr1.sort());
</script>

splice(): 删除元素,并向数组添加新元素。
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1);
arr1.splice(2, 1, '新胡子');
alert(arr1);
</script>

toString(): 把数组转换为字符串,并返回结果。数组中的元素之间用逗号分隔。
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1.toString());
</script>

toLocaleString(): 把数组转换为本地数组,并返回结果。然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。
(注意:这里的分隔符不再是一个单一的英文逗号)
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子0';
arr1[1] = '小胡子1';
arr1[2] = '小胡子2';
arr1[3] = '小胡子3';
arr1[4] = '小胡子4';
alert(arr1.toLocaleString());
</script>

unshift(): 向数组的开头添加一个或更多元素,并返回新的长度。
<script type="text/javascript">
var arr1 = new Array();
arr1[0] = '小胡子1';
arr1[1] = '中胡子1';
arr1[2] = '大胡子1';
alert(arr1);
alert(arr1.unshift('小孩子'));
alert(arr1);
</script>

JavaScript -- 时光流逝(二):js中数组的方法的更多相关文章
- js中数组去重方法及性能对比
js中数组的 数组去重 常用的数组去重方法以及效率分析: 首先我们先构建一个数组,主要是用于进行去重实验,我们主要实验的量级为1000,10000,100000,500000.具体的生成数组的方法如下 ...
- JS中数组的方法
1. join() Array.join() 是 String.split() 的逆向操作 var arr = [1, 2, 3] arr.join()// "1,2,3" arr ...
- js中数组去重的几种方法
js中数组去重的几种方法 1.遍历数组,一一比较,比较到相同的就删除后面的 function unique(arr){ ...
- php和js中数组的总结
php中数组的表示方法:array()或者[] js中数组的表示方法:new array()或者[] 一.php中初始化命名数组 在PHP中声明数组的方式主要有两种:一是应用array()函数声明 ...
- JS中数组的介绍
一.数组: 一组数据的集合: 二.JS中数组的特点: 1.数组定义时无需指定数据类型: 2.数组定义时可以无需指定数组长度: 3.数组可以存储任何类型的数据: 4.一般是相同的数据类型: 三.数组的创 ...
- JS中split使用方法和数组中元素的删除
JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...
- js中数组如何使用
js中数组如何使用 一.总结 一句话总结:new Array()和[]两种方法都可以创建数组. 二.js中创建数组,并往数组里添加元素 数组的创建 var arrayObj = new Array() ...
- js中数组方法大全
js数组方法大全 一:前言 我们在学到js中数组的时候,我们会接触到js中数组的一些方法,这些方法对我们来说,可以很遍历的达到我们想要的结果,但是因为方法比较多,有些方法也不常用,可能会过一段时间就会 ...
- javascript基础入门之js中的结构分支与循环语句
javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择 ...
随机推荐
- RabbitMQ 消息中间件
RabbitMQ 是使用 Erlang 语言开发的消息中间件, 其遵循了高级消息队列协议(Advanced Message Queuing Protocol, AMQP). 与 Kafka 等消息队列 ...
- Python中斐波那契数列的赋值逻辑
斐波那契数列 斐波那契数列又称费氏数列,是数学家Leonardoda Fibonacci发现的.指的是0.1.1.2.3.5.8.13.21.34.······这样的数列.即从0和1开始,第n项等于第 ...
- SpringBoot之打成war包部署到Tomcat
正常情况下SpringBoot项目是以jar包的形式,正常情况下SpringBoot项目是以jar包的形式,并且SpringBoot是内嵌Tomcat服务器,所以每次重新启动都是用的新的Tomcat服 ...
- WebAPI参数传值string转bool,int转bool相关问题
今天在公司同事问了我一个问题,用postman传递json字符串给接口,接口获取到的值不正确. 我就看到下面的json数据: { "Mark":"1" } 接口 ...
- .Net C# 使用Redis
Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.从2010年3月15日起,Redis的开发工作由VMware主 ...
- Android Studio 学习(一)
XML给元素定义ID 定义id android:id="@+id/button_1" 引用id id/id_name 解决Failed to load Appcompat Acti ...
- CSS :root 测试
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 前端常见算法的JS实现
1.冒泡排序 function bubbleSort(arr){ var i = 0, j = 0; for(i=1; i<arr.length; i++){ for(j=0; j<=ar ...
- 微信小程序调用地图选取位置后返回信息
先看一下wxml的代码,绑定个事件! <view class='carpool_data_all'> <view class='aa'> <text>*出发地< ...
- Vue2+VueRouter2+webpack 构建项目实战(五):配置子路由
前言 通过前面几章的实战,我们已经顺利的构建项目,并且从API接口获取到数据并且渲染出来了.制作更多的页面,更复杂的应用,就是各位自己根据自己的项目去调整的事情了. 本章讲一下如何配置子路由,因为我们 ...