JavaScript——数组

一、数组定义

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组定义</title>
<script type="text/javascript">
    //var arr=[1,2,3,4];
    var arr=new Array(1,2,3,4);

    alert(arr[0]);
    alert(arr.length);
    alert(arr);
</script>

</head>
<body>
    
</body>
</html>

二、数组连接concat

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符串连接</title>
<script type="text/javascript">
/*
    var str1='abc';
    var str2='123';
    alert(str1+str2);
*/
   var arr1=[1,2,3];
   var arr2=[6,7,8];
   alert(arr1.concat(arr2));//输出1,2,3,6,7,8
</script>

</head>
<body>
    
</body>
</html>

三、快速清空数组

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组定义</title>
<script type="text/javascript">
    //var arr=[1,2,3,4];
    var arr=new Array(1,2,3,4);

    arr.length=0;
    alert(arr);//没有输出
</script>

</head>
<body>
    
</body>
</html>

四、将字符串变为数组split

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组split</title>
<script type="text/javascript">
   var str='12-4-5-8';
   var arr=str.split('-');
   alert(arr[0]);//弹出12
</script>

</head>
<body>
    
</body>
</html>

五、将数组变为字符串join

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组join</title>
<script type="text/javascript">
   var arr=[1,2,3,4];
   alert(arr.join('-'));//弹出1-2-3-4
</script>

</head>
<body>
    
</body>
</html>

六、splice

删除: splice(开始,长度)
插入:splice(开始,0,元素)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组splice</title>
<script type="text/javascript">
  /*     1.从数组的中间删除元素
   var arr=[1,2,3,4,5,6,7,8];
   arr.splice(2,3);
   alert(arr);//输出1,2,6,7,8
   */

  /*     2.从中间插入元素
   var arr=[1,2,3,4,5,6,7,8];
   arr.splice(5,0,'a','b','c');
   alert(arr);//输出1,2,3,4,5,a,b,c,6,7,8
   */
  
  //替换
   var arr=[1,2,3,4,5,6,7,8];
   arr.splice(1,2,'a','b');//输出1,a,b,4,5,6,7,8
   alert(arr);

</script>

</head>
<body>
    
</body>
</html>

七、排序sort

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组定义</title>
<script type="text/javascript">
    //var arr=['float','zindex','xy','absolute','blue','leo'];
    var arr=[96,8,12,72,33,118];
    arr.sort(function(num1,num2){
        return num2-num1;
    });
    alert(arr);//118,96,72,33,12,8
</script>

</head>
<body>
    
</body>
</html>

八、数组添加

push(元素):从尾部添加
unshift(元素):从头部添加

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组定义</title>
<script type="text/javascript">
    var arr=[1,2,3,4];
    arr.push(4);
    alert(arr);//弹出1,2,3,4,4
</script>

</head>
<body>
    
</body>
</html>

九、数组删除

pop():从尾部弹出
shift():从头部弹出

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组定义</title>
<script type="text/javascript">
    var arr=[1,2,3,4];
    arr.shift();
    alert(arr);//弹出2,3,4
</script>

</head>
<body>
    
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,588评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,456评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,146评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,387评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,481评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,510评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,522评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,296评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,745评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,039评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,202评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,901评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,538评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,165评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,415评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,081评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,085评论 2 352

推荐阅读更多精彩内容

  • 数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。 JavaScript...
    kissLife阅读 920评论 1 5
  • 数组的基本特点 数组元素是任意类型的 可能的最大索引是2^32-2,默认起始索引是 0 Javascript的数组...
    dooze阅读 478评论 0 1
  • 这里先提一下for in 循环,因为之前在C++ 和 OC中用到过快速遍历,但是发现JavaScript有所不同,...
    Allen_HD阅读 299评论 0 1
  • js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧。不过不会针对每个办法都进行一下总结,只...
    IOSCoderYummy阅读 514评论 0 0
  • ECMAScript3定义的数组方法 转换:join() 排序: reverse()、sort() 连接:conc...
    hzrWeber阅读 379评论 1 2