JavaScirpt常用操作

********** 数组 **********

arr.isArray(range);// 检测是不是数组
arr.push(4,5);// 向数组的末尾添加一个或多个元素，并返回新的长度
arr.unshift(-1,0);// 向数组的开头添加一个或更多元素，并返回新的长度
arr.concat(arr,[5,6]);// 连接两个或多个数组
arr.pop();// 删除并返回数组的最后一个元素
arr.shift();// 删除并返回数组的第一个元素
arr.splice(2,2,'xxx',['a','b']);// 从数组中删除/添加项目
arr.toString();// 把数组转换为字符串，并返回结果
arr.join('-');// 把数组中的所有元素放入一个字符串，通过指定的分隔符进行分隔
arr.slice(1,2);// 从已有的数组中返回选定的元素
arr.reverse();// 颠倒数组中元素的顺序
arr.indexOf(item) > -1;// 在数组中搜索指定值并返回索引 (找不到则返回 -1)
for(x in arr) {// 遍历数组元素
    document.write(arr[x]);
};
arr.forEach(function(item,index){// 遍历数组元素,item值
    console.log(aaa[index]);
});

在一维数组中去除指定值

var arr=[3,'4','怎么','xd无私','xd 无'];
if(arr.indexOf('4') > -1) {
    arr.splice(arr.indexOf('4'),1);
}

数组去重

arrUnique:function(arr){
    var result=[];
    for(var i=0; i<arr.length; i++){
        if(result.indexOf(arr[i])==-1){
            result.push(arr[i])
        }
    }
    console.log(result);
}

数组排序(从小到大)

sortNumber: function(a,b){
    return a - b;
}
array.sort(sortNumber);

********** 字符串 **********

string.charAt(2);//方法返回指定位置的字符
string.concat('abc','def','ggg');//连接两个或多个字符串
string.indexOf('e',2);// 方法可返回某个指定的字符串值在字符串中首次出现的位置
string.replace('abc', "ced");// 在字符串中用一些字符替换另一些字符,，或替换一个与正则表达式匹配的子串
string.search('abc'); // 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串
string.slice(2,8); //提取字符串的某个部分，并以新的字符串返回被提取的部分
string.split('-');// 把一个字符串分割成字符串数组
string.substr(2,5);// 在字符串中抽取从 start 下标开始的指定数目的字符
isNaN('a');// 检查其参数是否是非数字值
parseFloat();// 解析一个字符串并返回一个浮点数,第一个字符解析不了，则返回NaN
parseInt();// 解析一个字符串，并返回一个整数
toFixed(); //把 Number 四舍五入为指定小数位数的数字
String(); // 函数把对象的值转换为字符串
string.trim();// 移除字符串头尾空白
string.toLowerCase();// 转成小写
string.toUpperCase();// 转成大写

********** 对象 **********

for(var key in obj) {//遍历对象
}
delete obj['key'];// 删除对应属性
delete obj.key;// 删除对应属性

********** 元素操作 **********

el.querySelector();
el.querySelectorAll();
el.previousElementSibling;//上一个元素
el.nextElementSibling;// 下一个元素
el.parentNode;// 返回元素的父节点
el.childNodes;// 返回元素的子节点集合
el.firstChild;// 返回元素的第一个子节点
el.lastChild;// 返回元素的最后一个子节点
el.removeChild();// 删除某个子节点
el.getAttribute('foo');// 获取属性
el.setAttribute('foo', 'bar');// 设置属性
el.getAttribute('data-foo');// 获取data属性
el.classList.add('className');// 添加样式
el.classList.remove('className');// 移除样式
el.classList.toggle('className');
el.classList.contains('className');// 包含返回true
el.parentNode.removeChild(el);// 移除元素

//html插入到子节点最后
el.insertAdjacentHTML('beforeend', '<div id="container">Hello World</div>');
// 元素插入到子节点最后
el.appendChild(newEl);

// html插入到子节点最前
el.insertAdjacentHTML('afterbegin', '<div id="container">Hello World</div>');
// 元素插入到子节点最前
el.insertBefore(newEl, el.firstChild);

// html插入到元素前
el.insertAdjacentHTML('beforebegin ', '<div id="container">Hello World</div>');
// 元素插入到元素前
el.parentNode.insertBefore(newEl, el);

// html插入到元素后
el.insertAdjacentHTML('afterend', '<div id="container">Hello World</div>');
// 元素插入到元素后
el.parentNode.insertBefore(newEl, el.nextSibling);