美文网首页
jQuery/JavaScript中的一些方法

jQuery/JavaScript中的一些方法

作者: 村东头老骥 | 来源:发表于2019-08-04 11:13 被阅读0次

JavaScript中的一些方法

Array

indexof() 方法

概念 : indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果没有找到匹配的字符串则返回 -1

var string = "Hello word JavaScript,Hello indexOf";
var index = string.indexOf('JavaScript');
var index2 = string.indexOf('null');
console.log(index);  // 11
console.log(index2); // -1

小案例 : 给定一个数组元素为字符串,去除重复字符串

var ip_list = [
    "132.35.136.14", "132.35.136.16",
    "132.35.136.18", "132.35.136.21",
    "132.35.136.20", "132.35.136.12",
    "132.35.136.12", "132.35.136.20",
    "132.35.136.21", "132.35.136.20"
];

var temp = [];
//去重
for (var i = 0; i < ip_list.length; i++) {
    if (temp.indexOf(ip_list[i]) == -1) {
        temp.push(ip_list[i]);
    }
}

ip_list = temp;
console.log(ip_list);

运算比较符

==&&===

  • == equality 等同 : 两边值类型不同的时候,要先进行类型转换,再比较。
  • === identity 恒等 : 不做类型转换,类型不同的一定不等。
  • 总结 : ==先转换类型再比较,===先判断类型,如果不是同一类型直接为false。
var n = 1, s = '1';
// == 两边值类型不同的时候,要先进行累心过的转换,在比较
if (n == s) {
    console.log(typeof n,typeof s);
    console.log(' 两边值类型不同的时候,要先进行类型转换,再比较');
}
// 两边类型不同的时候,且一定不等于
if (n === s) {
    console.log(typeof n, typeof s)
} else {
    console.log('两边的类型不同则不等于')
}

inArray && indexOf()

概念: 方法可以检查数组元素的内容,以检查它是否与特定值匹配
语法: $.inArray( 要搜索的值, 要搜素的数组, 索引编号(可省略) )

var animal = ['dog','cat','tiger'];
var r = $.inArray('tiger',animal);  // 2
var rr = animal.indexOf('dog');  // 0
console.log(r,rr)

splice()

概念 : 从数组中删除指定的元素
语法 : array.splice(index,howmany,item1,.....,itemX)
index 索引值,规定在什么位置操作数组
howmany 可选。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX可选。要添加到数组的新元素

  • 删除元素
r = animal.splice(0,1); // 索引为0,删除的个数为1
console.log(r);   // ["dog"]  返回的是删除的元素
console.log(animal)  // ["cat", "tiger"]
  • 替换元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
注意: 添加数据的时候可以多个

案例:删除数组中的指定的元素

// 删除指定的元素
var animal = ['dog','cat','tiger'];
var r = animal.splice($.inArray('cat',animal),1)
console.log(animal)

JQuery中的一些方法

长期更新...

相关文章

网友评论

      本文标题:jQuery/JavaScript中的一些方法

      本文链接:https://www.haomeiwen.com/subject/nhctdctx.html