1 数组去重方法
1.1 Set方法去重
let arr=[...new Set(arr)]
1.2 双重循环
Array.prototype.unique = function(){
cost newArray=[];
let isRepeat;
for(let i = 0; i < this.length; i++){
isRepeat = false;
for(let j = 0; j < newArray.length; j++){
if(this[i] === newArray[j]){
isRepeat = true;
bread;
}
}
if(!isRepeat){
newArray.push(this[i])
}
}
return newArray;
}
1.3 Array.prototype.indexOf()实现去重
基本思路：如果索引不是第一个索引，说明是重复值
- 利用Array.prototype.filter()过滤功能
- Array.prototype.indexOf()返回的是第一个索引值
- 只将数组中元素第一次出现的返回
- 之后出现的将被过滤掉
// 第一种方式
Array.prototype.unique = function(){
return this.filter((item, index) => {
return this.indexOf(item) === index;
})
}
// 第二种方式
Array.prototype.unique = function () {
const newArray = [];
this.forEach(item => {
if (newArray.indexOf(item) === -1) {
newArray.push(item);
}
});
return newArray;
}
1.4 Array.prototype.includes()方式去重
Array.prototype.unique = function () {
const newArray = [];
this.forEach(item => {
if (!newArray.includes(item)) {
newArray.push(item);
}
});
return newArray;
}
1.5 Array.prototype.reduce()方式去重
Array.prototype.unique = function () {
return this.sort().reduce((init, current) => {
if(init.length === 0 || init[init.length - 1] !== current){
init.push(current);
}
return init;
}, []);
}
2 技巧总结
2.1 判断对象的数据类型
注意传入 type 参数时首字母大写
const isType = (type)=>{
return target =>{
return `[object ${type}]` == Object.prototype.toString.call(target)
}
}
// 判断数组
const isArray = isType('Array');
console.log(isArray([])); //true
// 判断对象
const isObject = isType('Object');
console.log(isArray({})); //true
2.2 JS字符串常用方法总结
- toLowerCase(): 把字符串转为小写，返回新的字符串。
var str="Hello World";
var str1=str.toLowerCase();
console.log(str); //Hello World
console.log(str1); //hello world
- toUpperCase(): 把字符串转为大写，返回新的字符串。
var str="hello world";
var str1=str.toUpperCase();
console.log(str); //hello world
console.log(str1); //HELLO WORLD
- charAt(): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间，返回空字符串。
var str="hello world";
var str1=str.charAt(6);
console.log(str1);//w
- charCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数.
注意：如果index不在0-str.length(不包含str.length)之间，返回NaN。
var str="hello world";
var str1=str.charCodeAt(1);
var str2=str.charCodeAt(-2); //NaN
console.log(str1); //101
- indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置
注意：indexOf()方法对大小写敏感，如果子字符串没有找到，返回-1。第二个参数表示从哪个下标开始查找，没有写则默认从下标0开始查找
var str="Hello World";
var str1=str.indexOf("o");
var str2=str.indexOf("world");
var str3=str.indexOf("o",str1+1);
console.log(str1); //4 默认只找第一个关键字位置，从下标0开始查找
console.log(str2); //-1 没有找到
console.log(str3); //7
- lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置
注意：lastIndexOf()方法对大小写敏感，如果子字符串没有找到，返回-1。第二个参数表示从哪个下标开始查找，没有写则默认从最后一个字符处开始查找。
var str="Hello World";
var str1=str.lastIndexOf("o");
var str2=str.lastIndexOf("world");
var str3=str.lastIndexOf("o",str1-1);
console.log(str1); //7
console.log(str2); //-1
console.log(str3); //4
- slice(): 返回字符串中提取的子字符串。
注意：
- 如果只有一个参数，则提取开始下标到结尾处的所有字符串
- 两个参数，则提取第一个参数（包含）到第二个参数（不包含）之间的字符
- 如果是负数，-1为字符串的最后一个字符
var str="Hello World";
var str1=str.slice(2); //如果只有一个参数，则提取开始下标到结尾处的所有字符串
var str2=str.slice(2,7); //两个参数，提取下标为2，到下标为7但不包含下标为7的字符串
var str3=str.slice(-7,-2); //如果是负数，-1为字符串的最后一个字符。提取从下标-7开始到下标-2但不包含下标-2的字符串。前一个数要小于后一个数，否则返回空字符串
console.log(str1); //llo World
console.log(str2); //llo W
console.log(str3); //o Wor
- substring(): 提取字符串中介于两个指定下标之间的字符
注意：
- 参数不接受负数，其余和slice一样
var str="Hello World";
var str1=str.substring(2)
var str2=str.substring(2,2);
var str3=str.substring(2,7);
console.log(str1); //llo World
console.log(str2); //如果两个参数相等，返回长度为0的空串
console.log(str3); //llo W
- substr(): 返回从指定下标开始指定长度的的子字符串
注意：
- 如果没有指定length,返回从下标开始处结尾处的所有字符串。
var str="Hello World";
var str1=str.substr(1)
var str2=str.substr(1,3);
var str3=str.substr(-3,2);
console.log(str1); //ello World
console.log(str2); //ell
console.log(str3); //rl
- split(): 把字符串分割成字符串数组。
var str="AA BB CC DD";
var string1="1:2:3:4:5";
var str1=str.split("");//如果把空字符串 ("")用作分割符，那么字符串的每个字符之间都会被分割
var str2=str.split(" "); //以空格为分隔符
var str3=str.split("",4); //4指定返回数组的最大长度
var str4=string1.split(":");
console.log(str1); // ["A", "A", " ", "B", "B", " ", "C", "C", " ", "D", "D"]
console.log(str2); //["AA" "BB" "CC" "DD"]
console.log(str3); //["A", "A", " ", "B"]
console.log(str4); // ["1", "2", "3", "4", "5"]
- replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
var str="hello WORLD";
var reg=/o/ig; //o为要替换的关键字，不能加引号，否则替换不生效，i忽略大小写，g表示全局查找。
var str1=str.replace(reg,"**")
console.log(str1); //hell** W**RLD
12.match(): 返回所有查找的关键字内容的数组。
var str="To be or not to be";
var reg=/to/ig;
var str1=str.match(reg);
console.log(str1); //["To", "to"]
console.log(str.match("Hello")); //null
2.3 js中数组常用方法总结
- Array.map 此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组
let arr = [1, 2, 3, 4, 5]
let newArr = arr.map(x => x*2)
//arr= [1, 2, 3, 4, 5] 原数组保持不变
//newArr = [2, 4, 6, 8, 10] 返回新数组
- Array.forEach() 此方法是将数组中的每个元素执行传进提供的函数，没有返回值，注意和map方法区分
let arr = [1, 2, 3, 4, 5]
num.forEach(x => x*2)
// arr = [1, 2, 3, 4, 5] 数组改变,注意和map区分
- Array.filter() 此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回
let arr = [1, 2, 3, 4, 5]
const isBigEnough = value = value >= 3
let newArr = arr.filter(isBigEnough )
//newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组
- Array.every() 此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为fals
let arr = [1, 2, 3, 4, 5]
const isLessThan4 = value => value < 4
const isLessThan6 => value => value < 6
arr.every(isLessThan4 ) //false
arr.every(isLessThan6 ) //true
- Array.some() 此方法是将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回true,若所有元素都不满足，则返回false
let arr= [1, 2, 3, 4, 5]
const isLessThan4 = value => value < 4
const isLessThan6 = value => value > 6
arr.some(isLessThan4 ) //true
arr.some(isLessThan6 ) //false
- Array.reduce() 此方法是所有元素调用返回函数，返回值为最后结果,传入的值必须是函数类型
let arr = [1, 2, 3, 4, 5]
const add = (a, b) => a + b
let sum = arr.reduce(add,0)// 累加
- Array.push() 此方法是在数组的后面添加新加元素，此方法改变了数组的长度：
let arr = [1, 2, 3]
arr.push(4)
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4
- Array.unshift() 此方法是将一个或多个元素添加到数组的开头，并返回新数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.unshift(6, 7)
console.log(arr) //[6, 7, 1, 2, 3, 4, 5]
console.log(arr.length) //7
- Array.pop() 此方法在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.pop()
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4
- Array.shift() 此方法在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5]
arr.shift()
console.log(arr) //[2, 3, 4, 5]
console.log(arr.length) //4
- Array.isArray() 判断一个对象是不是数组，返回的是布尔值
let arr = [];
console.log(Array.isArray(arr));// true
- Array.concat() 此方法是一个可以将多个数组拼接成一个数组
let arr1 = [1, 2, 3]
arr2 = [4, 5]
let arr = arr1.concat(arr2)
console.log(arr)//[1, 2, 3, 4, 5]
- Array.toString() 此方法将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str = arr.toString()
console.log(str)// 1,2,3,4,5
- Array.join() 此方法也是将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',')
let str3 = arr.toString('##')
console.log(str1)// 12345
console.log(str2)// 1,2,3,4,5
console.log(str3)// 1##2##3##4##5
- Array.splice(开始位置， 删除的个数，元素) 万能方法，可以实现增删改
let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素
网友评论