1.foreach()
foreach 语句为数组或对象集合中的每个元素重复一个嵌入语句组。foreach 语句用于循环访问集合以获取所需信息,但不应用于更改集合内容以避免产生不可预知的副作用。
<script>
const array1 = ['a', 'b', 'c'];
array1.forEach(element => console.log(element));
// 1.html:15 a
// 1.html:15 b
// 1.html:15 c
</script>
2.map()
map( ) 函数通过调用用户提供的回调函数创建一个新数组。该函数访问调用数组中的每个元素。可以将 map( ) 方法视为经过一个循环并在回调函数中编写语句以构造一个新数组。
<script>
let arr = [3, 4, 5, 6];
let modifiedArr = arr.map(function (element) {
return element * 3;
});
console.log(modifiedArr);
// 1.html:18 (4) [9, 12, 15, 18]
</script>
3.concat()
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而是返回一个新的数组,浏览器支持所有主流浏览器都支持 concat() 属性。
<script>
const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3);
// 1.html:17 (6) ['a', 'b', 'c', 'd', 'e', 'f']
</script>
4.push()
push方法将新元素添加到⼀个数组中,并返回数组的新长度值。
<script>
const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.push("Kenya");
console.log(countries);
// 1.html:16 (4) ['Nigeria', 'Ghana', 'Rwanda', 'Kenya']
</script>
5.pop()
pop()函数从数组中删除最后一个元素并返回弹出的元素。 此函数将数组的长度减 1,除非数组为空。
<script>
const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];
console.log(plants.pop());
console.log(plants);
// 1.html:15 tomato
// 1.html:16 (4) ['broccoli', 'cauliflower', 'cabbage', 'kale']
</script>
6.splice()
splice() 方法用于添加或删除数组中的元素,注意:这种方法会改变原始数组。返回值如果删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
console.log(fruits)
// 1.html:16 (6) ['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']
</script>
7.slice()
slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分,注意: slice() 方法不会改变原始数组。
<script>
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// 1.html:15 (3) ['camel', 'duck', 'elephant']
console.log(animals.slice(2, 4));
// 1.html:17 (2) ['camel', 'duck']
</script>
8.shift()
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。
<script>
const array1 = [1, 2, 3];
const firstElement = array1.shift();
console.log(array1);
// 1.html:16 (2) [2, 3]
console.log(firstElement);
// 1.html:18 1
</script>
9.unshift()
unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。
<script>
const array1 = [1, 2, 3];
console.log(array1.unshift(4, 5));
// 1.html:15 5 console.log(array1);
// 1.html:17 (5) [4, 5, 1, 2, 3]
</script>
10.join()
join方法可以用符不同的分隔符来构建这个字串。join方法值接受一个参数,即用作分隔符的字符串,然后返回所有数组项的字符串。
<script>
const elements = ['Fire', 'Air', 'Water'];
console.log(elements.join());
// 1.html:15 Fire,Air,Water
console.log(elements.join(''));
// 1.html:18 FireAirWater
console.log(elements.join('-'));
// 1.html:20 Fire-Air-Water
</script>