数组
定义
var arr = ['a', 'b', 'c'];
//数组也可以先定义后赋值
var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 'c';
//new Array 对象创建
let arr = new Array();
// 创建一个有内容的数组
let arr2 = new Array(1,2,'arr');
数组操作(crud)
添加
push()
方法(末尾添加)unshift()
方法(从头加) ```javascript let test = [‘a’, ‘b’];
test.push(‘c’);
//多个值 test.push(‘d’,’e’);
**删除**
- `pop()`方法(从后往前删除)
- `shift()`方法(从前往后删除)
- `splice()`方法(从数组中添加/删除项目,然后返回被删除的项目)【删除/改】
语法: `arrayObject.splice(index,howmany,item1,.....,itemX)`
**实例**<br />一个参数
```javascript
let schools = ['清华大学', '北京大学', '浙江大学', '同济大学'];
//一个参数
// 删除从下标为1的位置到结束位置的值
let deleteSchools = schools.splice(1);
// 删除之后,原数组中的剩余内容
console.log(schools); // ["清华大学"]
// 删除的内容
console.log(deleteSchools); // ["北京大学", "浙江大学", "同济大学"]
两个参数
let schools = ['清华大学', '北京大学', '浙江大学', '同济大学'];
// 从下标为0开始,往后数两个元素,删除
let deleteSchools = schools.splice(0, 2);
console.log(schools); // ['浙江大学', '同济大学']
console.log(deleteSchools); // ['清华大学', '北京大学']
三个参数
let schools = ['清华大学', '北京大学', '浙江大学', '同济大学'];
schools.splice(2, 1, '江西理工大学');
console.log(schools); // ["清华大学", "北京大学", "江西理工大学", "同济大学"]
查indexOf()
方法
一个参数
let schools = ['清华大学', '北京大学', '浙江大学', '同济大学'];
let result = schools.indexOf('大连理工');
console.log(result); // -1
返回值-1表示为找到,找到则返回其下标值。
两个参数,第二个参数表示开始寻找的位置
let schools = ['清华大学', '北京大学', '浙江大学', '同济大学'];
let result = schools.indexOf('浙江大学', 3);
console.log(result); // -1
splice
,slice
区别
- slice() 方法返回一个新的数组对象,这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin,不包括end)。原始数组不会被改变。 ```javascript var fruits = [‘Banana’, ‘Orange’, ‘Lemon’, ‘Apple’, ‘Mango’]; var citrus = fruits.slice(1, 3);
// fruits contains [‘Banana’, ‘Orange’, ‘Lemon’, ‘Apple’, ‘Mango’] // citrus contains [‘Orange’,’Lemon’]
- **splice()** 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
<a name="q08XI"></a>
## 二位数组
```javascript
[1, '第一名', true, [2, '第二名', false]];
循环
for in 循环/
let peppaFamily = ['佩奇', '乔治', '猪妈妈','猪爸爸'];
for(let i in peppaFamily) {
console.log(peppaFamily[i]);
for of 循环
let peppaFamily = ['佩奇', '乔治', '猪妈妈','猪爸爸'];
for(let item of peppaFamily) {
console.log(item);
}