JavaScript 数组（Array）的一些常用操作方法
2018-06-28 本文已影响10人
何鸿biu
1--定义一个数组,并且输出数组操作
// 1--定义一个数组,并且输出数组操作
var arr1 = []; //这是一个空数组
console.log(arr1);//[]
var arr2 = [1,3,4,5,6]; //这是一个纯数字的数组
console.log(arr2);//[1, 3, 4, 5, 6]
//JavaScript中的数组（Array）可以包含任意数据类型，如下
var arr3 = [12,1.2,'Hello world',null,true,{'name':'biu','age':18}];
console.log(arr3);// [12, 1.2, "Hello world", null, true, {…}]
//分别输出了：数字（12），小数（1.2），字符串（Hello world），空（null），布尔类型（true）,对象（{name: "biu", age: 18}）
//如何输出数组里面特定输的元素呢?
console.log(arr3[0]);
//意思为输出数组arr3中第一个元素 //输出结果：12
console.log(arr3[1]);
//意思为输出数组arr3中第二个元素 //输出结果：1.2
console.log(arr3[2]);
//意思为输出数组arr3中第三个元素 //输出结果：Hello world
console.log(arr3[3]);
//意思为输出数组arr3中第四个元素 //输出结果：null
console.log(arr3[4]);
//意思为输出数组arr3中第五个元素 //输出结果：true
console.log(arr3[5]);
//意思为输出数组arr3中第六个元素 //输出结果：{name: "biu", age: 18}
2--数组的操作
var arr4 = [1,3,4,5,6];
// 1--读取数组的长度:arr4.length
console.log(arr4.length); //输出结果：5
3--数组的一些方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数组的一些方法</title>
</head>
<body>
<script>
// 新建一个数组
var array1 = ['1', '2', '3']
console.log(array1) // ["1", "2", "3"]
// 使用数组的push方法，从数组的后面添加数据 array1.push('a')
array1.push('a')
console.log(array1) // ["1", "2", "3", "a"]
// push() 还可以从数组后面添加多个数据呢
var newLenght = array1.push('b', 'c', 'd')
console.log(array1) // ["1", "2", "3", "a", "b", "c", "d"]
console.log(newLenght) // 7 返回了新数组的长度7
// 那么总结下push方法
// 定义：push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
// 语法：arrayObject.push(value1,value2,value3,...,valuex)
// 数组可以用push()方法从数组的后面添加一个或者多个数据，但是最少要有一个要添加的数据
// 那么如何减去数组后面的元素呢？
// 这里用到pop()方法
var array2 = ['a', 'b', 'c']
console.log(array2) // ["a", "b", "c"]
var ele = array2.pop()
console.log(array2) // ["a", "b"]
console.log(ele) // c 返回了array2的最后一项
// 总结：
// 定义：pop() 方法用于删除并返回数组的最后一个元素，如果数组为空，返回undefined
// 语法：arrayObject.pop()
console.log('-------------- 华丽分割 ----------------')
// 那么怎样从数组的前面添加数据呢？
// 这里用到array3.unshift()方法
var array3 = ['1', '2', '3']
console.log(array3) // ["1", "2", "3"]
// 使用从数组前端添加数据的方法：array3.unshift('a')
array3.unshift('a')
console.log(array3) // ["a", "1", "2", "3"]
// 还可以从头部添加多个数据
array3.unshift('b', 'c', 'd')
console.log(array3) // ["b", "c", "d", "a", "1", "2", "3"]
var newL = array3.unshift('11', '22', '33')
console.log(array3) // ["11", "22", "33", "b", "c", "d", "a", "1", "2", "3"]
console.log(newL) // 10 返回新数组的长度
// 从上观察得到，要注意从数据头部添加多个数据后新数组的顺序关系哦
// 总结：
// 定义：unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度
// 语法：arrayObject.unshift(value1,value2,value3,...,valuex) 至少有一个元素
// 那么用什么方法来删除数组的前面第一项呢？
// 这里用到shift()方法
var array4 = ['1', '2', '3']
var firstEle = array4.shift()
console.log(array4) // ["2", "3"]
console.log(firstEle) // 1 返回值为数组的第一个
// 总结：
// 定义：shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值，如果数组为空返回值是undefined
// 语法：arrayObject.shift()
console.log('-------------- 华丽分割 ----------------')
</script>
</body>
</html>
