JavaScript 之 Array 对象

时间:2023-03-10 04:15:28
JavaScript 之 Array 对象

Array 对象

  之前已经了解了 Array(数组)的定义和基本操作。数组的基本操作

  下面来学习更多的方法。

检测一个对象是否是数组

instanceof                   // 看看该变量是否是该对象的实例

Array.isArray(变量名/参数) // HTML5 中提供的方法,有兼容性问题

  注意:instanceof 用法

变量名 instanceof 构造函数

  instanceof 不仅仅局限于数组,也可以用来检测其他的对象,用法相同。

输出数组

toString()                 // 把数组转化为字符串,用逗号分隔每一项

valueOf()                  // 返回数组对象本身

常用方法

  1、栈操作(先进后出)

push()                    // 将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
pop() // 去除数组中的最后一项,并返回该元素的值,修改 length 属性

  2、队列操作(先进先出)

push()                   // 将一个或多个元素添加到数组的末尾,并返回该数组的长度
shift() // 取出数组中的第一个元素,修改 length 属性
unshift() // 在数组最前面插入项,返回数组的长度

  3、排序方法

reverse()                // 翻转数组
sort() // 默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的

  4、操作方法

concat(参数)              // 把参数拼接到当前数组
slice(begin,end) // 把当前数组中截取一个新的数组,不影响原来的数组(包括 begin,不包括 end)
splice()                 // 删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

  5、位置方法

indexof()                // 返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。
lastindexof() // 返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找,

  6、迭代方法(不会修改原数组 HTML5中的方法)

every()                  // 测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。(若收到一个空数组,此方法在一切情况下都会返回 true。)
filter() // 创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
forEach() // 对数组的每个元素执行一次提供的函数
map() // 创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
some() // 测试是否至少有一个元素可以通过被提供的函数方法。该方法返回一个Boolean类型的值。

  7、连接至字符串方法

join(参数)                // 将数组的所有元素使用参数连接到一个字符串,若没有参数,使用逗号进行连接

  8、清空数组方法

arr = [];                // 推荐使用

arr.length = 0;

arr.splice(0,arr.length);

案例:

  1、将一个字符串数组输出为 | 分割的形式。如'a|b|c|d'。使用两种方式实现。

 // 方式一
  var array = [a,b,c,d,e,f];
  console.log(array.join('|'));
// 方式二
function myJoin(array, seperator) {
seperator = seperator || ',';
array = array || [];
if (array.length == 0){
return '';
}
var str = array[0];
for (var i = 1; i < array.length; i++) {
str += seperator + array[i];
}
return str;
}
var array = [6, 3, 5, 6, 7, 8, 0];
console.log(myJoin(array, '-'));

  2、将一个字符串数组的元素的顺序进行翻转。使用两种方式。

 // 方式一
  var array = ['a','b','c','e','f'];
  console.log(array.reverse());
// 方式二
function myReverse(arr) {
if (!arr || arr.length == 0) {
return [];
}
for (var i = 0; i < arr.length / 2; i++) {
var tmp = arr[i];
arr[i] = arr[this.length - i - 1];
arr[arr.length - i - 1] = tmp;
}
return arr;
} var array = ['a', 'b', 'c'];
console.log(myReverse(array));

  3、工资的数组[1500, 1200, 2000, 2100, 1800],把工资超过2000的删除。

 // 方式一
var array = [1500,1200,2000,2100,1800];
var tmpArray = [];
for (var i = 0; i < array.length; i++) {
if(array[i] < 2000) {
tmpArray.push(array[i]);
}
}
console.log(tmpArray);
// 方式二
var array = [1500, 1200, 2000, 2100, 1800];
array = array.filter(function (item, index) {
if (item < 2000) {
return true;
}
return false;
});
console.log(array);

  4、["c", "a", "z", "a", "x", "a"]找到数组中每一个a出现的位置。

 var array =  ['c', 'a', 'z', 'a', 'x', 'a'];
var index = -1;
do {
index = array.indexOf('a',index + 1);
if (index !== -1){
console.log(index);
}
} while (index > 0);

  5、编写一个方法去掉一个数组的重复元素。

 function clear(arr) {
// 1 如何获取数组中每一个元素出现的次数
var o = {}; // 记录数组中元素出现的次数
for (var i = 0; i < arr.length; i++) {
var item = arr[i]; // 数组中的每一个元素
// o[item] = 1;
// 判断o对象是否有当前遍历到的属性
if (o[item]) {
// 如果o[item] 存在,说明次数不为1
o[item]++;
} else {
// 如果o[item] 不存在,说明是第一次出现
o[item] = 1;
}
}
// console.log(o); // 2 生成一个新的数组,存储不重复的元素
var newArray = [];
// 遍历对象o中的所有属性
for (var key in o) {
// 判断o对象中当前属性的值是否为 1 如果为1 说明不重复直接放到新数组中
if (o[key] === 1) {
newArray.push(key);
} else {
// o对象中当前属性 次数不为1 ,说明有重复的,如果有重复的话,只存储一次
// 判断当前的newArray数组中是否已经有该元素
if (newArray.indexOf(key) === -1) {
newArray.push(key);
}
}
}
return newArray;
} var array = ['c', 'a', 'z', 'a', 'x', 'a'];
var newArray = clear(array);
console.log(newArray);

  6、sort排序。

 var arr = [25, 10, 108, 18];
// 默认情况下的sort是对字符编码 从小到大排序
arr.sort();
console.log(arr); // 除了默认排序外,还可以指定比较器
function compare1(a, b) {
return a - b;
}
function compare2(a, b) {
return b - a;
}
arr.sort(compare1);
arr.sort(compart2); // 还可以直接指定比较器
arr.sort(function (a,b) {
return a - b;
})

  7、模拟 sort 内部实现。

 // 对数组排序,从小到大  -- 冒泡排序
function sort(array, fnCompare) {
// 外层循环 控制趟数
for (var i = 0; i < array.length - 1; i++) {
// 假设排好序了
var isSort = true;
// 内层循环 控制比较的次数
for (var j = 0; j < array.length - 1 - i; j++) { if (fnCompare(array[j], array[j + 1]) > 0) {
isSort = false;
// 交换位置
var tmp = array[j];
array[j] = array[j + 1];
array[j + 1] = tmp;
}
}
// 判断是否排好了
if (isSort) {
break;
}
}
} var arr = [56, 10, 1, 17]; sort(arr, function (a, b) {
return b - a;
}) console.log(arr);