javascript检查某些成分在数组中的索引值,一种高效构造和取得U奇骏L查询参数的不二法门

By admin in 4858美高梅 on 2019年3月27日

URLSearchParams 接口定义了一些实用的法子来拍卖 U普拉多L 的查询字符串。

wp_parse_args() 函数是 WordPress
核活血散淤常使用的函数,它的用处很多,但最根本用来给三个数组参数(args)绑定暗中认可值。

在现在代浏览器中判断一个因素在不在三个数组中,大家能够用Array对象的indexOf()方法来得到这么些因素在脚下数组中的索引值,若索引值不对等-1,数组中就存在那么些成分,

在截取字符串时平时会用到substr()、substring()、slice()方法,有时混淆之间的用法,故计算下。

U帕杰罗LSearchParams()是个构造函数,将赶回一个足以操作查询字符串的指标。

因为 wp_parse_args()
函数再次回到的肯定是三个数组,所以他会把传播查询字符串和对象(object)自动转换到数组,给了使用者特别有益于的尺码,也扩展了包容性。

例如:

阅读目录
•slice()
•substring()
•substr()
•总结 

常用方法:

常见的 query_posts()、wp_list_javascript检查某些成分在数组中的索引值,一种高效构造和取得U奇骏L查询参数的不二法门。comments() 和 get_terms() 函数都利用了
wp_parse_args() 函数来帮它给数组参数添加暗中认可值。

var arr = [2,53,23,'test',9,'array'];
//判断array在不在数组arr中
arr.indexOf('array') !== -1 ? alert('存在') : alert('不存在');
但是IE9以前的版本都不支持此方法,那咱们就只能扩展一个:
 代码如下复制代码
Array.prototype.indexOf = function(el){
 for (var i=0,n=this.length; i<n; i++){
 if (this[i] === el){
  return i;
 }
 }
 return -1;
}

slice()

壹 、构造查询字符串

const query = new URLSearchParams();
query.append("a", 1);
query.append("b", 2);
const queryString = query.toString(); // "a=1&b=2"
const url = `https://www.abc.com?${query}`; // 将自动调用query的toString()方法

用法

上边大家就来检查和测试一下挨家挨户浏览器的包容性,代码如下:

概念:接受1个要么多少个参数,第三个参数内定子字符串的始发地点。第3个参数表示子字符串的了断地点(不包涵结束地方的百般字符),假如没有传递第二个参数,则将字符串的长度作为完毕位置。

贰 、获取查询字符串参数

// current url: https://www.abc.com?a=1&b=2 
const query = new URLSearchParams(location.search);
query.get("a"); // "1"
query.get("b"); // "2" 
query.getAll("a"); // ["1"] 
wp_parse_args( $args, $defaults );
var arr = [2,53,23,'test',9,'array'];
if(!Array.indexOf){
  Array.prototype.indexOf = function(el){
 for (var i=0,n=this.length; i<n; i++){
 if (this[i] === el){
  return i;
 }
 }
 return -1;
   } 
}
arr.indexOf('array') !== -1 ? alert('存在') : alert('不存在');

壹 、传递参数为正值情状:

兼容性:

包容性较差

提议使用polyfill:

来源:

参数

地点正是用Array的indexOf方法来判断数组中贰个因素是不是存在的法子。

var str ="helloWorld";
// 一个参数,则将字符串长度作为结束位置
alert(str.slice(3)); // "loWorld"
// 两个参数,7位置上的字符为"r",但不包括结束位置的字符
alert(str.slice(3,7)); // "loWo" 

$args

Array的原生方法:

二 、传递参数为负值的气象:

(数组 | 字符串)(必须)查询字符串、对象只怕数组参数,用来绑定暗中认可值。

concat(): 连接八个或越来越多的数组哦
join(): 把数组的全部因素放在二个字符串中
pop():删除并回到数组的末梢一个成分
push():向数组的最终添加3个因素,并再次回到数CEO度。
reverse():颠尾数组中的成分顺序
shift(): 删除并回到数组的第多个成分。
slice():重临已选定的成分
sort():对数组的要素实行排序
splice():删除成分,并向数组添加新因素。
toSource():重回该对象的源代码
toString():把数组转换为字符串,并再次回到结果
valueOf():再次来到数组对象的原始值。

slice()方法会将传入的负值与字符串长度相加。
 var str ="helloWorld";
// 一个参数,与字符串长度相加即为slice(7)
alert(str.slice(-3)); // "rld"
// 两个参数,与字符串长度相加即为slice(3,6)
alert(str.slice(3,-4)); // "loW" 

默认值:None

您恐怕感兴趣的稿子:

  • js使用for循环查询数组中是或不是存在有个别值
  • javascript完毕查找数组中最大值方法汇总
  • javascript
    折半查找字符在数组中的地点(有类别表)
  • JavaScript使用二分查找算法在数组中找找数据的方法
  • JS查找数组中再度成分的办法详解
  • 选拔JavaScript怎样询问有些值是不是数组内

叁 、第3个参数比第二个参数值小的景观:

查询字符串:

slice()方法传入的第三个参数比第四个参数小的话,则赶回空字符串。

type=post&posts_per_page=5&cat=1
var str ="helloWorld";
alert(str.slice(5,3)); // "" 

数组:

4、IE兼容性

array( 'type' => 'post', 'posts_per_page' => 5, 'cat' => '1' )

在IE8浏览器测试下,没啥难题,行为与现时期浏览器同样。

$defaults

substring()

4858美高梅,(数组)(可选)数组参数的暗许参数。

概念:接受贰个也许五个参数,第一个参数钦赐子字符串的初叶地方。第一个参数表示子字符串的收尾地点(不包罗截至地方的十二分字符),假使没有传递第二个参数,则将字符串的长短作为完成地方。

暗中同意值:空字符串

① 、传递参数为正在意况:与slice()方法行为一律的

例子

var str ="helloWorld";
// 一个参数,则将字符串长度作为结束位置
alert(str.substring(3)); // "loWorld"
// 两个参数,7位置上的字符为"r",但不包括结束位置的字符
alert(str.substring(3,7)); // "loWo" 
function explain_parse_args( $args = array() ){

  //$args 的默认值
  $defaults = array(
    'before' => '<div class="box">',
    'after' => '</div>',
    'echo' => true,
    'text' => 'wp_parse_args() 函数演示'
  );

  //绑定默认值
  $r = wp_parse_args( $args, $defaults );

  $output = $r['before'] . $r['text'] . $r['after'];
  if( !$r['echo'] ) return $output;
  echo $output;
}

//没有参数
explain_parse_args();//打印:<div class="box">wp_parse_args() 函数演示</div>

//字符串参数
$output = explain_parse_args( 'text=字符串参数&before=<div class="box-2">&echo=0' );
echo $output;//打印:<div class="box-2">字符串参数</div>

//数组参数
explain_parse_args( array( 'text' => '数组参数', 'before' => '<div class="box-3">' ) );//打印:<div class="box-3">数组参数</div>
还有另一种不使用第二个 $defaults 参数的用法,就是帮你把一个查询字符串、对象或者数组的变量直接转换成通用的数组,避免判断类型。

//字符串
$array = wp_parse_args( 'text=测试另一种用法&type=字符串' );
var_dump( $array );
/*
  array(2) {
    ["text"]=>
      string(21) "测试另一种用法"
    ["type"]=>
      string(9) "字符串"
  }
*/

//对象(object)
class args_obj{

  public $text = '测试另一种用法';

  public $type = '对象(object)';

  function func(){
    //转换成数组的时候对象里边的函数会被忽略
  }

}
$obj = new args_obj;
var_dump( $obj );
/*
object(args_obj)#2175 (2) {
  ["text"]=>
    string(21) "测试另一种用法"
  ["type"]=>
    string(18) "对象(object)"
}
*/

② 、传递参数为负值的图景:

wp_parse_args函数源代码详解 wp_parse_args 函数的源代码相比较简单,
隶属于PHP
内置函数get_object_vars、array_merge与WordPress的wp_parse_str函数来贯彻,
以下是该函数的源代码:

substring()方法会把富有负值参数转换为0。来看下例子:

/**
 * Merge user defined arguments into defaults array.
 *
 * This function is used throughout WordPress to allow for both string or array
 * to be merged into another array.
 *
 * @since 2.2.0
 *
 *第一个参数可以是 字符串、数组或对象(obj)
 * @param string|array $args Value to merge with $defaults
 *第二个参数为默认的预设值数组,必须是数组
 * @param array $defaults Array that serves as the defaults.
 *返回值将是一个数组
 * @return array Merged user defined values with defaults.
 */
function wp_parse_args( $args, $defaults = '' ) {
 if ( is_object( $args ) )
 //将接收的对象(obj)转换为数组
 $r = get_object_vars( $args );
 elseif ( is_array( $args ) )
 //如果是数组则不转换
 $r =& $args;
 else
 //将接收的字符串转换为数组
 wp_parse_str( $args, $r );
 if ( is_array( $defaults ) )
 return array_merge( $defaults, $r );
 return $r;
}
var str ="helloWorld";
// 两个参数,-4会转换为0,相当于substring(3,0) -->即为 substring(0,3)
alert(str.substring(3,-4)); // "hel" 

其中get_object_vars函数是用来回到由对象属性组成的关周全组。
array_merge函数用是将多个或多个数组的单元合并起来,一个数组中的值增大在前2个数组的末尾。重回作为结果的数组。

substring()方法会将较小的数作为初阶地方,将较大的数作为完毕地点。如下面的事例substring(3,0)
与substring(0,3)是如出一辙效果的。

你恐怕感兴趣的篇章:

  • WordPress中用于获取文章音信以及分类链接的函数用法
  • 多少个优化WordPress中JavaScript加载体验的插件介绍
  • 赶快控制WordPress中加载JavaScript脚本的艺术
  • WordPress中用来获取小说小编与分类新闻的方法整理

4、IE兼容性

在IE8浏览器测试下,没啥难点,行为与当代浏览器同样。

substr()

概念:接受一个要么四个参数,第②个参数内定子字符串的开始地方。第①个参数跟在此之前的方式某些区别,表示回去的字符个数。借使没有传递第3个参数,则将字符串的长度作为完成地方。来看例子:

壹 、传递参数为正在景况:

var str ="helloWorld";
// 一个参数,则将字符串长度作为结束位置
alert(str.substr(3)); // "loWorld"
// 两个参数,从位置3开始截取后面7个字符
alert(str.substr(3,7)); // "loWorld" 

2、传递参数为负值的意况:

substr()方法会将负的首先个参数加上字符串的尺寸,而将负的第三个参数转换为0。

var str ="helloWorld";
// 将第一个负的参数加上字符串的长度--->
//即为:substr(7,5) ,从位置7开始向后截取5个字符
alert(str.substr(-3,5)); // "rld"
// 将第二个参数转换为0
// 即为:substr(3,0),即从位置3截取0个字符串,则返回空
alert(str.substr(3,-2)); // "" 

3、IE兼容性

substr()方法传递负值的动静下会存在难题,会回到原始的字符串。IE9修复了此难题。

总结

在传递正值参数处境下,slice() 和 substring ()
行为是一模一样的,substr()方法在第③个参数上会不难混淆

在传递负值参数景况下,slice()
方法是透过字符串长度相加,符合一般思维,substring()第三个参数转换为0会简单出标题,初阶地点会简单变更,substr()
方法负值意况下会产出IE包容性难点。

综上,表弟一般推荐使用slice()方法。

下边给大家介绍slice,substr和substring的区分

先是,他们都收到多个参数,slice和substring接收的是开场地点和终结地点(不包括甘休地方),而substr接收的则是初始地方和所要重回的字符串长度。直接看上边例子:

 var test = 'hello world';
  alert(test.slice(,));    //o w
  alert(test.substring(,));   //o w
  alert(test.substr(,));   //o world 

此处有个须求专注的地点正是:substring是以四个参数中较小1个当做开始地方,较大的参数作为落成地点。

如:

alert(test.substring(7,4));   //o w 

随后,当收到的参数是负数时,slice会将它字符串的长度与相应的负数相加,结果作为参数;substr则独自是将第七个参数与字符串长度相加后的结果作为第②个参数;substring则干脆将负参数都直接转换为0。测试代码如下:

var test = 'hello world';  
alert(test.slice(-));   //rld  
alert(test.substring(-));  //hello world  
alert(test.substr(-));  //rld  
alert(test.slice(,-));  //lo w  
alert(test.substring(,-)); //hel  
alert(test.substr(,-));  //空字符串 

 注意:IE对substr接收负值的拍卖有错,它会回到原始字符串。

你恐怕感兴趣的稿子:

  • JavaScript中消除多浏览器包容性2三个难题的高速化解方法
  • 常用原生JS包容性写法汇总
  • JavaScript
    浏览器包容性计算及常用浏览器包容性分析
  • JS达成包容性较好的随屏滚动作效果应
  • JS达成包容性好,自动置顶的Taobao悬浮工具栏效果
  • javascript中setAttribute()函数使用形式及兼容性
  • css与javascript跨浏览器包容性计算
  • js日期对象包容性的拍卖方法
  • Javascript
    多浏览器包容性难点及搞定方案
  • JavaScript的包容性与调节技巧

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有