var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);
console.log(children ); // ["Cecilie", "Lone", "Emil", "Tobias", "Linus"]
var parents = ["Jani", "Tove"];
var brothers = ["Stale", "Kai Jim", "Borge"];
var children = ["Cecilie", "Lone"];
var family = parents.concat(brothers, children);
console.log(family); // ["Jani", "Tove", "Stale", "Kai Jim", "Borge", "Cecilie", "Lone"]
两种方法都返回新的字符串
join() 方法
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.join();
console.log(a); // "Banana,Orange,Apple,Mango"
toString() 方法
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.toString();
console.log(a); // "Banana,Orange,Apple,Mango"
相同点:
都可以将数组转字符串。
区别:
join还有另外的用法:join() 可接受一个参数作为元素之间的连接符号
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.join("-");
console.log(a); // "Banana-Orange-Apple-Mango"
pop 返回元素的最后一个元素,原数组最后一个删除。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.pop();
console.log(a); // "Mango"
console.log(fruits ); // ["Banana", "Orange", "Apple"]
push 返回的是数组的长度,原数组最后面添加一个新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.push("Kiwi");
console.log(a); // 5
console.log(fruits); // ["Banana", "Orange", "Apple", "Mango", "Kiwi"]
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
console.log(fruits); // ["Mango", "Apple", "Orange", "Banana"]
shift 返回数组的第一个元素,原数组第一个元素被删除
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a= fruits.shift();
console.log(a); // "Banana"
consoel.log(fruits); // ["Orange", "Apple", "Mango"]
slice 返回截取的元素组成的数组,原数组不会发生变化。
slice接受两个参数,起始位置和结束位置,第一个参数起始位置如果为负数,表示从数组尾部开始算,如 -1 代表最后一个。如果不传入结束位置,表示从起始位置起到数组结尾的所有元素。
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var a= fruits.slice(1,3);
console.log(a); // ["Orange", "Lemon"]
console.log(fruits); // ["Banana", "Orange", "Lemon", "Apple", "Mango"]
sort 方法用于对数组的元素进行排序。
sort 可接受一个参数 func,非必传,如果要传入必须是函数,在不传参的情况下,sort 表示按字符串编码的顺序进行排序,如果要对数组进行排序需传入函数。
不传参:
var arr= ["George", "John", "Thomas", "James", "Adrew", "Martin"];
arr.sort();
console.log(fruits); // ["Adrew", "George", "James", "John", "Martin", "Thomas"]
// 没有传入函数,所以结果是按照0123456789的顺序进行排列
var nums = [21,14,26,11,105];
nums.sort();
console.log(nums); // [105, 11, 14, 21, 26]
传参:
function sortNumber(a, b){
return a - b
}
var nums = [21,14,26,11,105];
nums.sort(sortNumber);
console.log(nums); // [11, 14, 21, 26, 105]
splice 接受多个参数,第一个是起始位置,第二个为删除个数,之后的参数为添加/删除/替换的元素。
splice 返回删除元素的数组
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,0,"Lemon","Kiwi");
console.log(fruits ); // ["Banana", "Orange", "Lemon", "Kiwi", "Apple", "Mango"]
// 从第二个位置起删除两个元素,接受新的两个元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.splice(2,2,"Lemon","Kiwi");
console.log(a); // ["Apple", "Mango"]
console.log(fruits); // ["Banana", "Orange", "Lemon", "Kiwi"]
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.splice(2,2);
console.log(a); // ["Apple", "Mango"]
console.log(fruits); // ["Banana", "Orange"]
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
console.log(fruits); // ["Lemon", "Pineapple", "Banana", "Orange", "Apple", "Mango"]
indexOf 和 lastIndexOf 都接受两个参数,第一是需要检查的元素。第二个是从那个索引位置开始检查
indexOf 表示从 0 开始,lastIndexOf 表示最后一个元素开始
var arr = [1,23,4,5,6,7,89];
arr.indexOf(89) // 6
arr.indexOf(89,2) // 6
arr.lastIndexOf(89) // 6
arr.lastIndexOf(89,5) // -1
相同点:
都是数组的遍历方法,可以遍历数组中的每一个元素
forEach和map方法里每次执行匿名函数都支持3个参数,参数分别是item(当前每一项),index(索引值),arr(原数组)
都不会改变原数组
匿名函数的 this 都指向 windows
不同点:
map 方法会返回一个新的数组,数组中的元素为处理后的值,forEach 方法不会返回新的数组
map 方法不会对空数组进行检测,forEach对于空数组是不会调用回调函数的。
mao 方法不支持低端浏览器
var arr = [1,2,3,4];
var a = arr.map(function(item,index,arr){
return item * item;
})
console.log(a); // [1, 4, 9, 16]
console.log(arr); // [1, 2, 3, 4]
var arr = [1,2,3,4];
var a = arr.forEach(function(item,index,arr){
return item * item;
})
console.log(a); // undefined
console.log(arr); // [1, 2, 3, 4]
filter() 方法是返回某一数组中满足条件的元素,该方法返回的是一个新的数组。
// 返回元素长度大于 10 的数组元素
var arr = [12,5,8,16,125,98];
var filters = arr.filter(function(value){
return value >= 10
});
console.log(filters ); // [12, 16, 125, 98]
let arr2=[1,2,234,'sdf',-2];
for(let a of arr2){
console.log(a) // 1,2,234,sdf,-2 遍历了数组arr的值
}
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce 和 reduceRight 用法一样,区别在于 reduceRight 是从数组的末尾向前做数组项累加。
array.reduce(function(total, currentValue, currentIndex, arr), initialValue);
total 必需。初始值, 或者计算结束后的返回值。
currentValue 必需。当前元素
currentIndex 可选。当前元素的索引
arr 可选。当前元素所属的数组对象。
initialValue 初始值
var numbers = [65, 44, 12, 4];
var a = numbers.reduce(function(total,num){
return total + num;
},0)
console.log(a); // 125
some 方法会遍历数组的每一个元素,判断是否满足条件,返回一个布尔值。
every 方法会遍历数组的每一个元素,判断每一项是否满足条件,如果每项都满足,才返回true。
var numbers = [65, 44, 12, 4];
var a = numbers.some(function(item){
return item > 62;
});
console.log(a); // true
var numbers = [65, 44, 12, 4];
var a = numbers.every(function(item){
return item > 62;
});
console.log(a); // false
index(必需):从该位置开始替换数据。如果为负值,表示倒数。
start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。
end(可选):到该位置前停止读取数据,默认等于数组长度。使用负数可从数组结尾处规定位置。
[1, 2, 3, 4, 5].copyWithin(0,1,3) // [2, 3, 3, 4, 5]
Array.from() 转换的 json 要求必须要有length属性
let people = {
0:'zhangsan',
'1':24,
length:2
};
let trans=Array.from(people);
console.log(trans); // ['zhangsan',24]
let arr = Array.of(1,"23","测试","dsa");
console.log(arr); // [1, "23", "测试", "dsa"]
let arr=[1,2,3,"cxz",-2];
var a = arr.find(function(x){
return x<="cxz";
});
console.log(a); // "cxz"
let arr=[1,2,3,"cxz",-2];
var a = arr.findIndex(function(x){
return x<="cxz";
});
console.log(a); // 3
includes 判断数组中是否包含某元素,返回布尔值
let arr=[1,2,3,"cxz",-2];
var a = arr.includes("cxz");
console.log(a); // true
avaScript数组同后端语言一样,具有它自己的数据结构,归根结底,这种数据结构,本质就是一种集合。在后端语言中(如java,.net等),数组是这样定义的:数组是用来存储相同数据类型的集合
单个数字转汉字的解决方法:利用数组存储0-9的汉字、 ary.length和str.length不用多说,这是指ary数组和str字符串的长度。这里我们需要注意的是str.charAt(j)和ary[i],分别指在str这个字符串中索引为j的元素,在ary中索引为i的元素。
在 Javascript 循环中使用 async/ await 循环遍历数组似乎很简单,但是在将两者结合使用时需要注意一些非直观的行为。让我们看看三个不同的例子,看看你应该注意什么,以及哪个循环最适合特定用例。
今天说的数组和字符串去重呢,主要用到es6新的数据结构 Set,它类似于数组,但是成员的值都是唯一的,没有重复的值,所以活用Set来进行数组和字符串的去重。
数组方法:1、Array.join([param]) 方法:将数组中所有的元素都转换为字符串并连接起来,通过字符 param 连接,默认使用逗号,返回最后生成的字符串2、Array.reverse() 方法:将数组中的元素颠倒顺序(在原数组中重新排列它们),返回逆序数组
falsy(虚值)是在 Boolean 上下文中已认定可转换为‘假‘的值.JavaScript 在需要用到布尔类型值的上下文中使用强制类型转换(Type Conversion )将值转换为布尔值,比如:在条件语句或者循环语句中。
JavaScript中我们经常会遇到拷贝数组的场景,但是都有哪些方式能够来实现呢,我们不妨来梳理一下。扩展运算符(浅拷贝)自从ES6出现以来,这已经成为最流行的方法。
本文主要来讲数组api的一些操作,如简单实现扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。扁平化嵌套数组/展平和阵列孔——flat()
vue无法监听数组变化的情况,但是数组在下面两种情况下无法监听:利用索引直接设置数组项时,例如arr[indexofitem]=newValue;修改数组的长度时,例如arr.length=newLength
使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本,使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!