array数组的一些方法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>array数组</title>
<script type="text/javascript">
//一、Array.of() 方法创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。
// Array.of() 和 Array 构造函数之间的区别在于处理整数参数:Array.of(7) 创建一个具有单个元素 7 的数组,而 Array(7) 创建一个包含 7 个 undefined 元素的数组。
//alert(Array.of(7)); // [7] 
//alert(Array.of(1, 2, 3)); // [1, 2, 3]
//alert(Array(7));// [ , , , , , , ]


//二、every() 方法测试数组的所有元素是否都通过了指定函数的测试。
//语法:arr.every(callback[, thisArg])//callback用来测试每个元素的函数。thisArg执行 callback 时使用的 this 值。
//下例检测数组中的所有元素是否都大于 10。
// function isbigenough(element,index,array){
// return (element>=10)
// }
// var passed=[12,5,8,52,48].every(isbigenough);
// alert(passed)
 //   passed=[12,15,18,52,48].every(isbigenough);
   //       alert(passed)


   // 三、 find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
   function isBigEnough(element) {
  return element >= 15;
}


alert([12, 5, 8, 130, 44].find(isBigEnough)); // 130
//四、findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。
function isBigEnough(element) {
  return element >= 15;
}


[12, 5, 8, 130, 44].findIndex(isBigEnough); //弹出的索引为3
//五、includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。
// let a = [1, 2, 3];
// alert(a.includes(2)); 
// // true 
// alert(a.includes(4)); 
// false
//六、indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1
// let a = [2, 9, 7, 8, 9]; 
// a.indexOf(2); // 0 
// a.indexOf(6); // -1
// a.indexOf(7); // 2
// a.indexOf(8); // 3
// a.indexOf(9); // 1
//七、join() 方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。
let a = ['Wind', 'Rain', 'Fire'];


console.log(a.join()); // 默认为 ","
// 'Wind,Rain,Fire'
console.log(a.join("")); 
// 分隔符 === 空字符串 ""
// "WindRainFire"
console.log(a.join("-")); 
// 分隔符 "-"
// 'Wind-Rain-Fire'
//八、pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。
let b = [1, 2, 3];
b.pop(); // 3


console.log(b); // [1, 2]
//九、push() 方法将一个或多个元素添加到数组的末尾,并返回新数组的长度。
var numbers = [1, 2, 3];
numbers.push(4);
console.log(numbers); 
// [1, 2, 3, 4]
//十、reverse() 方法将数组中元素的位置颠倒。第一个数组元素成为最后一个数组元素,最后一个数组元素成为第一个。
var myArray = ['one', 'two', 'three'];
myArray.reverse(); 


console.log(myArray) // ['three', 'two', 'one']
//十一、shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
let c = [1, 2, 3];
let d = c.shift();


console.log(c); 
// [2, 3]
//十二、slice() 方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。
var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
var citrus = fruits.slice(1, 3);//从Orange后面开始删除3个元素
//十三、unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度。
// let a = [1, 2, 3];
// a.unshift(4, 5);


// console.log(a);
// // [4, 5, 1, 2, 3]
//十四、sort() 方法用就地( in-place )的算法对数组的元素进行排序,并返回数组。 sort 排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。
var fruit = ['cherries', 'apples', 'bananas'];
fruit.sort(); 
// ['apples', 'bananas', 'cherries']
//十五、splice() 方法通过删除现有元素和或添加新元素来更改一个数组的内容。
var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];


myFish.splice(2, 0, 'drum'); // 在索引为2的位置插入'drum'
// myFish 变为 ["angel", "clown", "drum", "mandarin", "sturgeon"]


myFish.splice(2, 1); // 从索引为2的位置删除一项(也就是'drum'这一项)
// myFish 变为 ["angel", "clown", "mandarin", "sturgeon"]
//十六 map()
//将对应分数化成及格或不及格
let arr1=[35,66,99,56,79,80];
let result1 =arr1.map(item=>item>60?"及格":"不及格");
            
alert(result1);
</script>
</head>
<body>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_40184012/article/details/79460689