pop() 删除数组的最后一个元素并返回删除的元素。
// 6. pop() 删除数组的最后一个元素并返回删除的元素。var arr6 = [1, 2, 3];arr6.pop();console.log('pop', arr6);
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
// 7. push() 向数组的末尾添加一个或更多元素,并返回新的长度。var arr7 = [1, 2, 3];arr7.push(4);console.log('push', arr7);
shift() 删除并返回数组的第一个元素。
- unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
- map()。对原来成员改头换面 ```javascript
// 10. map()。对原来成员改头换面,传入一个函数, 返回一个新的数组 var arr10 = [{ name: ‘zs’, age: 10 }, { name: ‘ls’, age: 20 }, { name: ‘ww’, age: 30 }]; var newArr10 = arr10.map(function(item, index) { // 对名字进行处理 var name = item.name.toUpperCase();
return {name: name,age: item.age - 10};});console.log('newArr10=', newArr10);
6. **filter() 检测数值元素,并返回符合条件所有元素的数组。**```javascript// 11. filter() 检测数组元素,并返回符合条件所有元素的数组。var arr11 = [{name: 'zs',age: 10}, {name: 'ls',age: 20}, {name: 'ww',age: 30}];var newArr11 = arr11.filter(function(item, index) {return item.age >= 20;});console.log('newArr11=', newArr11);
forEach() 遍历数组。
// 12. forEach() 遍历数组。var arr12 = [{name: 'zs',age: 10}, {name: 'ls',age: 20}, {name: 'ww',age: 30}];arr12.forEach(function(item, index) {console.log(index, item);});console.log(str);// for循环var filmList = [{filmName: '电影1',time: 120}, {filmName: '电影2',time: 120}, {filmName: '电影3',time: 120}, {filmName: '电影4',time: 130}]var str = '';for (var i = 0; i < filmList.length; i++) {var item = filmList[i];str += `<li><span>${item.filmName}</span> <span>${item}</span></li>`;}// document.querySelector('#list').innerHTML = str;// forEach循环var str = '';filmList.forEach(function(item, index) {str += `<li><span>${item.filmName}</span> <span>${item}</span></li>`;})// document.querySelector('#list').innerHTML = str;
isArray() 判断对象是否为数组。
// 1. Array.isArray() 判断对象是否为数组。var arr1 = [12, 3, 4, 5];// var arr1 = new Array();console.log(typeof arr1); // objectvar boo1 = Array.isArray(arr1);console.log('boo1', boo1);
find() 返回符合传入测试(函数)条件的数组元素。 // 只返回符合条件的第一个成员, 没有符合条件就返回 undefined
// 13. find() 返回符合条件的数组元素。 // 只返回符合条件的第一个成员, 没有符合条件就返回 undefinedvar arr13 = [{name: 'zs',age: 10}, {name: 'ls',age: 20}, {name: 'ww',age: 30}];var newArr13 = arr13.find(function(item, index) {// return item.name === 'zs';return item.age > 10; // 只返回符合条件的第一个成员});console.log('newArr13=', newArr13);
findIndex() 返回符合传入测试(函数)条件的数组元素索引。 ```javascript
// 14. findIndex() 返回符合传入测试(函数)条件的数组元素索引。 var arr14 = [{ name: ‘zs’, age: 10 }, { name: ‘ls’, age: 20 }, { name: ‘ww’, age: 30 }]; var index14 = arr14.findIndex(function(item, index) { return item.age === 30; }); console.log(‘index14=’, index14);
11. **indexOf() 搜索数组中的元素,并返回它所在的位置。**12. **lastIndexOf() 搜索数组中的元素,并返回它最后出现的位置。**13. **some() 检测数组元素中是否有元素符合指定条件。 // 用来判断数组是否包含符合条件的成员, 包含返回 true, 不包含返回 false**```javascript// 17. some() 检测数组元素中是否有元素符合指定条件。 // 用来判断数组是否包含符合条件的成员, 包含返回 true, 不包含返回 falsevar arr17 = [{name: 'zs',age: 10}, {name: 'ls',age: 20}, {name: 'ww',age: 30}];var boo17 = arr17.some(function(item, index) {return item.age > 10;})console.log('boo17=', boo17);
- includes() 判断一个数组是否包含一个指定的值。 // 成员只能是基本数据类型 ```javascript
// 2. includes() 判断一个数组是否包含一个指定的值。 // 成员只能是基本数据类型 var arr2 = [‘a’, ‘b’, ‘c’, ‘d’]; var boo2 = arr2.includes(‘a’); // console.log(‘boo2’, boo2);
15. **join() 把数组的所有元素放入一个字符串。**```javascript// 3. join() 把数组的所有元素放入一个字符串。var arr3 = ['a', 'b', 'c', 'd'];var str3 = arr3.join('-'); // -是分隔符, 默认是逗号,也可以上是其他console.log('str3=', str3);
slice() 选取数组的一部分,并返回一个新数组。
// 5. slice() 选取数组的一部分,并返回一个新数组。类似字符串的slice方法var arr5 = [1, 2, 3, 4, 5, 6, 7, 8, 9];var newArr5 = arr5.slice(2, 5);console.log('newArr5=', newArr5);
splice() 从数组中添加或删除元素。 ```javascript // 18. splice() 从数组中添加或删除元素。参数可以是2个或者3个 var arr18 = [{
name: 'zs',age: 10
}, {
name: 'ls',age: 20
}, {
name: 'ww',age: 30
}]; arr18.splice(1, 1); // 两个参数,第1个参数表示下标,第2个参数,表示删除的成员个数 console.log(‘arr18’, arr18);
var arr18 = [{
name: 'zs',age: 10
}, {
name: 'ls',age: 20
}, {
name: 'ww',age: 30
}];
var item = {
name: '张欢',age: 18
}; arr18.splice(1, 2, item); // 三个参数,第1个参数表示下标,第2个参数,表示删除的成员个数,第3个参数用来替代被删除的成员 console.log(‘arr18’, arr18);
18. **sort() 对数组的元素进行排序。**```javascript// 19. sort() 对数组的元素进行排序。var arr19 = ['a', 'c', 'x', 'd'];var newArr19 = arr19.sort();console.log('newArr19=', newArr19); // 按字母的升序排列var arr19 = [1, 2, 10, 20, 8];var newArr19 = arr19.sort();console.log('newArr19=', newArr19);// 传入一个函数参数,a-b升序排列,b-a降序排序console.log('---------- 19. sort(),传入函数 ----------------')var newArr19 = arr19.sort(function(a, b) {return b - a;});console.log('newArr19=', newArr19);console.log('---------- 19. sort(),成员是对象 ----------------')// 成员是对象时也是如此var arr19 = [{name: 'zs',age: 10}, {name: 'ls',age: 20}, {name: 'ww',age: 30}, {name: 'zh',age: 18}];var newArr19 = arr19.sort(function(a, b) {return b.age - a.age;})console.log('newArr19=', newArr19);
- reverse() 反转数组的元素顺序。 ```javascript
// 4. reverse() 反转数组的元素顺序。 var arr4 = [‘a’, ‘b’, ‘c’, ‘d’]; var newArr4 = arr4.reverse(); console.log(‘newArr4’, newArr4); ```
