前端基础——数组

最新推荐文章于 2024-12-21 14:16:21 发布

Front End Engineer韩婷

最新推荐文章于 2024-12-21 14:16:21 发布

阅读量208

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端基础文章标签：前端基础

本文链接：https://blog.csdn.net/awesogirl/article/details/90756565

前端基础专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍JavaScript中数组与字符串的初始化、操作方法，包括数组的push、pop、splice等，以及字符串的match、search、replace等函数的使用，适合初学者快速掌握核心语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、数组的初始化

1.

var arr=new Array();
arr[0]=1;
arr[1]=5;
arr[2]=3;

2.

var arr=new Array(1,3,5);

3.

var arr=[1,3,4];

二、操作数组中数据的方法

（1）join():将数组成员通过一个分割符合并成字符串

var arr1=new Array(2019,6,2,14,48);
		document.write(arr1.join('-')+'<br />');
		
		// 返回2019-6-2-14-48

（2）push() pop():在数组最后增加/删除成员

var arr1=new Array(2019,6,2,14,48);
        arr1.push('星期天');  // 在最后增加成员
		  document.write(arr1+'<br>');
		  // 返回  2019,6,2,14,48,星期天
		arr1.pop(); // 删除最后成员
		  document.write(arr1+'<br>');

（3）unshift() shift():在数组前面增加/删除成员

var arr1=new Array(2019,6,2,14,48);
      arr1.unshift('今天是：');//在前面增加成员
		document.write(arr1+'<br>');
		// 返回 今天是：,2019,6,2,14,48
      arr1.shift();// 删除最前面成员
		document.write(arr1+'<br>');

（4）reverse()：翻转数组成员

var arr1=new Array(2019,6,2,14,48);
arr1.reverse();//翻转数组成员
		document.write(arr1+'<br>');
		// 返回  48,14,2，6,2019

（5）indexof()返回元素第一次出现的索引值
这个在以后的编程中会经常用到！

var arr2=[1,2,3,1,4,2,5];
		document.write(arr2.indexOf(1,2)+'<br />');
		// 查询数字1，从第三位开始查询

arr2.indexof(值1，值2)；
值1表示要查询的数组中的成员；
值2表示从第几位开始查询，不定义则默认从0开始
（6）splice():在数组中增加/删除成员

var arr2=[1,2,3,1,4,2,5];
    arr2.splice(5,2,8,9);
    //  从第5个索引值开始，删除2个元素，增加8,9
    document.write(arr2+'<br />');
    // 返回 1,2，3,1，4,8，9

arr2.splice(值1，值2，值3 )
值1表示从第几个索引值开始
值2表示删除几个数组成员
值3表示增加的数组成员，可多个
（7）slice(start，end):从数组中截取元素

var arr3=[4,5,6,7,8];
		document.write(arr3.slice(0,3)+'<br />');
		// 返回 4,5，6

start表示开始的索引值，end表示结束的索引值，不包括结束的索引值；

比较常用的 JavaScript 内置对象主要有以下几种：
（1）字符串对象 String；
（2）日期对象 Date；
（3）数组对象 Array；
（4）数值对象 Math 和 Number；

三、string对象及处理方法

1.mach() 返回指定的字符串

var str='i love you!';
            document.write(str.match('1')+'<br />'); // 返回null
		    document.write(str.match('you')+'<br />');//返回you
		    document.write(str.match('you!')+'<br />');// 返回 you！
		    document.write(str.match('lOVE')+'<br />');//null

2.search() 返回字符串的起始位置

var str0='i fvcfvvad';
document.write(str0.search('fvv'));// 返回5

3.indexof() 返回指定字符串的位置

var str='i love you!';
document.write(str.indexOf('o')+'<br />');// 返回3 
document.write(str.indexOf('You'));// 返回-1  因为大写Y不在字符串中

4.replace(原字符，替换字符)

var str='i love you!';
document.write(str.replace('you','me'));// 返回i love me！

5.charAt() 返回索引所对应的值

var str='i love you!';
 document.write(str.charAt('4')+'<br />');
  // 返回 v

6.toLowerCase() 大写转小写
toUpperCase() 小写转大写

document.write(str.toUpperCase()+'<br />');
//  返回I LOVE YOU!
document.write(str.toLowerCase()+'<br />');

7.concat() 连接字符串

var str1='仰天大笑出门去，';
var str2='我辈岂是蓬蒿人。';
document.write(str1.concat(str2));
// 返回  仰天大笑出门去，我辈岂是蓬蒿人。

8.字符串1.localeCompare(字符串2)
如果1大于2，返回-1；
如果1小于2，返回1；
如果1等于2，返回0。

var str3='j';
var str4='J';
		document.write(str3.localeCompare(str4));
		// 返回-1 说明 j > J
		// 根据ASCII表判断

9.split() 分割字符串

var str5='lets gobro';
		arr=str5.split('   ');//有空格的地方分割
		document.write(arr);
		// 返回 lets，gobro

10.substring(开始位置，结束位置) 截取字符串，不包括结束位置

var str5='lets gobro';
document.write(str5.substring(0,7)+'<br />');
// 返回 lets go