初识Array:
定义:
方式1
var 变量名=new Array(元素列表);
举例:
<script>var array=new Array(1,2,3);alert(array);
</script>
显示如下:
方式2
var 变量名=[元素列表];
举例:
<script>var array=[1,2,3];alert(array);
</script>
显示如下:
访问:
arr[索引]=值;
arr[0]=1;
举例:
<script>var array=[1,2,3];//将数组的最后一个元素修改为99array[2]=99;alert(array);
</script>
显示如下:
注意:JS数组与Java中的数组可不相同哦,它类似于java集合,长度,类型都可变
Array数组的特点:
变长:
即为长度可发生变化,在java中数组是定长的,一旦我们访问的下标超出范围,即会报错,但在JavaScript中,我们是可以访问任意下标的元素值
举例:
设置值的情况
<script>var array=[1,2,3];//将数组中下标为10的元素的值修改为16array[10]=16;alert(array[10]);
</script>
显示如下:
未设置值的情况
<script>var array=[1,2,3];//访问下标为8的元素的值alert(array[8]);
</script>
显示如下:
变类型:
举例:
<script>var array=[1,2,3];//将array数组下标为8的值设置为字符串类型array[8]="hello";alert(array[8]);
</script>
显示如下:
查看此时数组的值:
alert(array);
显示如下:
Array对象属性:
Array对象属性:
属性 | 描述 |
---|---|
length | 设置或返回数组中元素的数目 |
constructor | 返回对创建此对象的数组函数的引用 |
prototype | 使其有能力向对象添加属性和方法 |
length举例:
打开该网页依次弹出1,2,3
<script>var array=[1,2,3];for(let i=0;i<array.length;i++){alert(array[i]);}
</script>
constructor举例:
constructor属性用于返回创建该对象的构造函数
在JavaScript中,每个具有原型的对象都会自动获得constructor属性
,除了arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression等一些特殊对象之外,其他所有的JavaScript内置对象都具备constructor属性,例如:Array、Boolean、Date、Function、Number、Object、String等
<script>var array=[1,2,3];alert(array.constructor);
</script>
显示如下:
注:[native code],表示这是JavaScript的底层内部代码实现,无法显示代码细节
<script>var array=[1,2,3];//Array为array的原型alert(array.constructor==Array);
</script>
显示如下:
Array对象方法:
方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果 |
join() | 把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔 |
pop() | 删除并返回数组的最后一个元素 |
push() | 向数组的末尾添加一个或更多的元素,并返回新的长度 |
shift() | 删除并返回数组的第一个元素 |
splice() | 删除元素,并向数组添加新元素 |
toSource() | 返回该对象的源代码 |
toString() | 把数组转换为字符串,并返回结果 |
toLocaleString() | 把数组转换为本地数组,并返回结果 |
unshift() | 向数组的开头添加一个或更多元素,,并返回新的长度 |
valueOf() | 返回数组对象的原始值 |
举例:
<script>var array=[1,2,3];array.push(12);alert(array);
</script>
显示如下:
<script>var array=[1,2,3];//代表从索引为0的元素开始删除直至下标为1的元素,注意右边的2实际取不到array.splice(0,2);alert(array);
</script>
显示如下:
String:
定义:
方式一:
var 变量名=new String(s);
举例:
<script>var str=new String("hello");alert(str);
</script>
显示如下:
方式二:
var 变量名=s;
举例:
<script>//以下两种方式均可var str="good";var str='good';alert(str);
</script>
属性:
它包含的很多方法都与Java相同,因此这里不进行赘述,不熟悉的小伙伴可去官方手册查询!传送门
length:字符串的长度
举例:
<script>var str='good morning';alert(str.length);
</script>
显示如下:
方法:
charAt():返回在指定位置的字符
举例:
<script>var str='good morning';alert(str.charAt(2));
</script>
显示如下:
indexOf():检索字符串
<script>var str='good morning';//返回指定字符的索引值,若不存在则返回-1alert(str.indexOf('o'));
</script>
显示如下:
trim()方法用来去除字符串前后端的空格:
去除前:
<script>var str=" hello ";alert(1+str+1);
</script>
显示如下:
去除后:
<script>var str=" hello ";alert(1+str.trim()+1);
</script>
显示如下: